摘要：本次的毕业设计，我运用了几个比较强大的框架，例如javascript的jQuery框架，css的Bootstrap框架，以及nodejs的Express框架。来实现了“交游网”的设计。在本次的设计中，我把最初设想的功能一一都实现了。在“交游网”中分别有六个页面，第一个是首页部分，展示了各种各样的信息，并且加上了多彩的特效，目的是抓住用户的眼球。第二个是个人主页，它具有消息提醒，热点话题查看，以及收藏查看功能。第三个则是社区页面，这里可以查看各个社区的不同话题，并且具有话题的删除编辑收藏功能，以及管理员具有禁言功能。在这个页面中我还加入了“交游网”独有的模式切换功能。还有比较有趣的签到功能。第四个页面是话题页面，展示了每个话题的回复情况。第五个是关于作者页面，展示了关于本网站以及我的相关信息，最后一个是后台管理页面，只有全局权限大于等于8的管理员才能进入，它可以对本网站的所有信息进行修改编辑。49675

毕业论文关键词： 艰辛；提升；jQuery；bootstrap；nodejs

The Design and Implementation of Social Networking Sites

Abstract: The graduation project, I used a few more powerful framework, such as the jQuery JavaScript framework, Bootstrap CSS framework, as well as the Express nodejs framework. To achieve the design of "friends". In this design, I have realized the function of the original idea one one. In the "friends" were six pages. The first is home, showing the various kinds of information, and colorful special effects. The purpose is to catch the user's eye. The second is a personal home page, it has a message to remind, hot topic view, as well as the collection view function. The third is in the community page, where you can view the different topics of each community, and with the topic of edit, delete function, as well as the administrator has banned function. I also joined the "social network mode" unique in this page. There are more interesting sign in function. The fourth page is the topic page, which shows the response of each topic. The fifth is on the page, the show on this site and I related information, and the last one is the background management page, only global permission is greater than or equal to 8 of the administrator to enter, it can edit all information on this site.

Keywords: Hardships; promotion; jQuery; bootstrap; nodejs

目录

摘要 i

Abstract i

目录 II

1 绪论 1

1.1 课题的背景和由来 1

1.1.1 课题的背景 1

1.1.2 调研分析 2

1.2 表结构 4

2 技术分析 8

2.1 JQUERY 8

2.2 BOOTSTRAP 8

2.3 NODEJS 8

2.4 MONGODB 9

3 设计 10

3.1 首页设计 10

3.2 注册页面设计 18

3.3 个人主页设计 19

3.4 社区页面设计 27

3.5 后台管理页面设计 38

4 结论 40

4.1 设计感言