社交网络服务系统Web前端设计与实现

摘要

随着近几年互联网的发展，社交网(简称SNS)逐渐让人们进入了新兴的上网模式。大大小小的互联网公司都在琢磨着构建具有自家特色的SNS系统来拓展，提升业务，因此，如何设计开发出满足用户需求，具有良好用户体验的SNS系统成为各互联网公司的重要任务。
　　前端设计与开发是SNS系统中的关键环节，SNS开发模式中，PC端大部分是以B/S(浏览器/服务器模式)为主导，在移动设备端，C/S（客户端/服务器模式）占有相当比例，但B/S模式仍然是为未来趋势。
　　本篇论文首先介绍了SNS概念和理论基础，对国内外SNS现状进行了描述和分析，表明了当今SNS具有相当可观的商业市场，值得互联网公司去研究开发。接下来，对本次开发的SNS的整体功能需求进行了详细说明，其中涉及了个人中心，荣誉系统，关系系统，动态系统等几个重要模块，并对用户行为流程进行了细致描述。然后，从技术角度上讲述了SNS系统的架构设计，开发模式，对前端开发方案进行了详细阐述，确立了其在SNS开发中的重要地位。其中，通信接口设计，DOM构建方式，样式表设计，组件和工具设计作为前端开发的重点。之后通过定制性能优化策略，提高了用户的体验，留住了用户资源，从而改进我们的SNS站点。最后通过描述自己参与开发的几个主要功能块，结合之前的设计策略，验证了设计方案的正确性。

目录

封面

声明

中文摘要

英文摘要

目录

第一章 绪论

1.1 SNS简介

1.1.1 SNS的概念

1.1.2 SNS的诞生基础

1.1.3 SNS理论

1.1.4 SNS的商业市场

1.2 研究背景和意义

1.2.1 SNS的研究背景和意义

1.2.2 Web前端对于SNS的意义

1.3 SNS国内外现状和Web前端技术趋势

1.3.1 SNS宏观应用的现状和趋势

1.3.2 SNS的国内外现状

1.3.3 Web前端技术精华和演变

1.3.4 Web前端技术的未来

1.4 研究的必要性

1.5 研究内容和预期成果

1.5.1 研究的内容

1.5.2 预期成果和新意

第二章 需求和功能模块

2.1 SNS需求的重要性

2.2 非功能性需求

2.3 Web前端功能模块划分

2.3.1 个人中心

2.3.2 荣誉系统

2.3.3 关系系统

2.3.4 动态系统

2.3.5 消息系统

2.3.6 分享系统

2.3.7 搜索系统

2.3.8 其他功能

2.4 用户行为流程

2.4.1 关注

2.4.2 再次分享（转发）

2.4.3 写站内信

2.4.4 动态中的分享及回复

第三章 SNS技术构架和Web前端设计方案

3.1 SNS基本设计构架

3.3 Web前端设计方案

3.3.1 团队合作方案

3.3.2 通信接口设计

3.3.3 DOM构建方式设计

3.3.4 工具和组件设计

3.3.5 样式表设计

3.4 Web前端性能优化策略

3.4.1 减少HTTP请求

3.4.2 使用CDN（内容发布网络）

3.4.3 压缩精简组件

3.4.4 脚本加载策略

3.4.5 数据访问策略

3.4.6 DOM编程

3.4.7 算法和流程控制

3.4.8 性能工具

第四章 部分模块实现与设计验证

4.1 用户信息浏览

4.1.1 信息填充

4.1.2 交互开发

4.2 全站消息动态

4.2.1 信息填充

4.2.2 交互开发设计

4.3 应用评论

4.3.1 信息展示

4.3.2 交互说明

第五章 总结与展望

5.1 论文总结

5.2 未来展望

致谢

参考文献