码迷,mamicode.com
首页 > 其他好文 > 详细

CP聚合博客

时间:2018-06-27 21:03:31      阅读:388      评论:0      收藏:0      [点我收藏+]

标签:pycharm   drag   验证   热门   字母   理想   颜色   storm   过滤   

前言: 经过差不多半年的开发,搭建从前端到服务器,实现了前后端分离的一个集PC端、移动端的多端应用,实属不易,今天得空,好好写篇文章,记录这些天的成果.同时也做个分享.

摘要

随着多媒体信息化进程的日新月益的变化,手机、电脑等多媒体的普及,人们时时刻刻都跟信息化设备打交道,于是萌生了一个想法,打算弄个个人博客网站,集成新闻资讯,同时可以通过移动APP去结合使用,方便快速查看个人博客以及相关个人资讯。

本系统后端是基于Django REST framework 开发,使用xadmin定制后台管理系统,使用Sentry集中化日志管理,上线到服务器中通过nginx的虚拟主机
端口转发、静态文件代理,同时也开发基于react native支持android和ios双平台的APP,苦于囊中羞涩,Ios无法上架到store,最终开发了个中小型在线的CP聚合博客服务平台,并以此为基点,打算运用社交网络技术对博客平台添加博客交友功能,形成一个以博客分享服务为基础的博客社交平台,为搭建具有可扩展性、多维度的博客平台系统提供一个人性化的解决方案。本文主要研究的相关内容及主要成果如下:

(1)django综合运用,其中包括settings配置、 url配置、 view编码、 model设计、 modelform表单验证、
templates模板、 django常用内置函数,以及通用的django开发库。

(2)xadmin 搭建后台管理系统,并根据用户权限定制后台功能,让后台管理更人性化。

(3)结合Sentry搭建了一个集中式日志管理系统。它具备以下优点:多项目,多用户,界面友好,可以配置异常出发规则,例如发送邮件(但由于目前阿里云服务器25端口无法开通,这邮件服务功能无法使用)。

(4) 基于React Native支持Android和iOS双平台,支持订阅 50多种编程语言;
支持添加/删除编程语言,并支持自定义它们的排序;
支持收藏喜欢的项目;支持多种颜色主题自由切换;支持搜索,并自持自定义订阅关键字;支持分享,轻松将自己喜欢的项目分享给好友;网站支持markdown,笔记记录方式编写个人博客,同时可通过app去查看个人最新博客和最热博客资讯;

(5) 在Docker中运行Node.js的Web应用,连接Mongo数据库进行相关数据操作,提供Web API接口供APP调用

(6) 通过Github 版本控制管理项目

(7) 通过Github 版本控制管理项目

(8) 在Linux服务器中配置Nginx,实现反向代理

关键词:React;React-Native;CP聚合博客;Docker;Koa2;Mangodb;博客生态圈;网站;Nginx;Github

1.1 开发背景

随着信息化时代的到来,计算机和网络的使用日渐普及,管理信息化也成了必然的趋势。于是想开发一款个人博客网站,打算记录自己的日志、以及博客文章、同时也提高自己的编程能力.

1.2 开发目的

人们对互动和管理的要求变得越来越高,当然,对网站的功能性需求也会越来越高。在浩瀚的网站中里甄选出一款适合自己的网站平台进行管理社团着实不是一件简单的事情。因为数以万计的各类网站给了我们更多的选择,但有时也因为功能过于繁琐或过于简单令人无所适从。

现在市面上的类似社团类网站也有不少,但是大多数网站功能形式和网站样式都已经设定好,用户只能够被动地去接受。因此,如今急需一个完备的个人博客平台来为自己提供便捷的服务,本网站平台可实现博客编写、博客发布、浏览新闻资讯。

1.3 开发工具简介

“CP聚合博客”在开发阶段过程中运用到的工具有如下:

1.MySQL (数据库系统)

MySQL可以组织管理任何数据。可以将结构化、半结构化和非结构化文档的数据直接存储到数据库中。可以对数据进行查询、搜索、同步、报告和分析之类的操作[1],管理了数据信息。Sql
MySQL是一个具备完全Web支持的数据库产品,对数据进行复杂操作时,可以使用数据库存储过程对数据化操作进行封装,重复使用,挺高数据处理效率[1]。

2.PyCharm

PyCharm拥有一般IDE具备的功能,比如调试、语法高亮、Project管理、代码跳转、智能提示、自动完成、单元测试、版本控制另外,PyCharm还提供了一些很好的功能用于Django开发,结合了一些常用版本控制插件,很容易进行版本管理和开发.

3.WebStorm

使用Webstorm 很容易集成 Git、集成 Eslint,Webstorm很友好地提示报错,可以及时的改过来。注释可以嵌套注释,可以自动保存,很好地一款前端开发工具.

1.4 相关技术知识

1.4.1. 数据库系统

数据库系统是由数据库和数据库管理系统两部分组成。其中数据库是用来存储数据所用的空间,这个空间中可以存储大量的信息,信息可以是不同类型,信息往往以二进制的形式进行存储。数据库也可以将数据库看成一个存储数据的容器,实际上数据库是由很多的文件组成的,同时这些文件也存储了大量数据信息。一个数据库系统通常包括多个数据库,而每个数据库又包含了一定量以一定格式存储的数据集合。由最基本的元素组合成一笔数据叫记录(Record),由相同性质的记录组合在一起叫表(Table),相关的表结合一起叫做数据库(Database),处理数据的建立、查询、更新等工作的程序就叫做数据库管理系统(Database
Management
System,DBMS)。数据库管理系统是用来管理数据库的软件,同时也需要通过它进行数据库的维护和管理。

第2章 可行性分析

2.1 技术可行性

随着前端技术的不断发展,前端框架的日益丰富,Html页面内容形式也日趋多样化,因此有利于Html网页的开发。

用户密码及其重要数据在数据库中的存储应以密文的形式进行存储,这可以使用存储前加密,使用前解密的方式进行数据的加工[11]。

阿里云的服务器在前沿的高性能计算也有较好的支持。近年来,腾讯推出了高性能异构计算基础设施,也能快速地在阿里云服务器上搭建服务器实现网站的线上部署。

2.2 经济可行性

随着HTML5的不断普及,其中网站占了绝大部分市场。2015 年
9月份,据网易科技报道,中国的浏览网页的用户量已达 60
亿。由此可看出如今的网站功能实现性价比普遍较高,网站与安卓内嵌系统受到了极多用户的好评,这样使得网站应用开发有着广阔的发展前景.

2.3 推广可行性

开发这个CP聚合博客平台,会从用户的角度去考虑这个产品,会对项目做一个准确的定位。在经营这个项目时,会对网站边推广边思考CP聚合博客平台和别的社团网站有什么不同之处进而对自己的CP聚合博客平台的内容进行改进等,在推广方面会放在微信公众平台和将网站进行搜索引擎收录。

第3章 系统分析

3.1 系统功能结构设计

本网站存在普通用户和社团用户,具有【首页】、【登录/注册】、【博客】等模块.同时APP支持订阅 50 多种编程语言;支持添加/删除编程语言,并支持自定义它们的排序;支持收藏喜欢的项目;支持多种颜色主题自由切换;支持搜索,并自持自定义订阅关键字;支持分享,轻松将自己喜欢的项目分享给好友;网站支持markdown,随手记多种方式编写个人博客,同时可通过app去查看个人最新博客和最热博客资讯;

本CP社团平台中的社团成员用户中社团团支书用户负责新加入的社团成员进行审批,因此增加了一个社团部门管理和审批通道,社团团支书用户具有的模块详细请见图3.3:

同时网站也集成了一些新闻API,通过相关新闻资讯.

第4章 数据库设计

本系统数据库名为
CpWebSourcePlatform,其中使用到的表有:博客文章表,文章类别表,报名信息表,轮播文章信息表,短信验证码表,用户留言表,用户评论表等等。采用
My Sql轻量量级数据库
具有使用方便可伸缩性好与相关软件集成程度高等优点,可跨越从运Ubuntu
的大型多处理器的服务器等多种平台使用。

4.1 数据库结构概念设计

数据库概念设计是使用E-R模型和视图集成设计法进行设计的。它的设计
过程是:首先设计局部应用,再进行局部视图设计,然后进行视图集成得到概念模型(全局E-R图)。

4.2 系统表间关系

博客系统主要核心是与用户打交道,用户成为众多表中关系的核心纽带,没有用户就没有博客,而博客也同样扮演者重要角色,其中也包括了博客评价、博客文章类别等等关联.

第5章 模块设计与实现

“CP聚合博客平台”主要模块有【网站主页】模块、【登录/注册】模块、【新闻资讯】模块、【Github项目】
模块、【APP下载页】模块、【博客】模块、【个人中心】模块、【我的信息】模块和【CP圈】模块等等,其的设计与实现如下介绍:

5.1 【网站主页】模块

网站主页的布局:列出所需要的栏目及内容。
在PS(PhotoShop)中规划好布局图。然后设计出需要的样子。在PS中切好图导入Dreamweaver中制作。
定制CSS样式,调试到理想完毕。然后将做好的静态的html页面添加到VISUAL STUDIO2012
中将asp.net元素进行修改添加,利用MVC模型进行代码整合,并将前端代码和数据库进行连接处理。主要有导航栏,推荐社团板块、社团快讯模块和社团信息入口板块等板块,并列出所有网站各大功能的链接,确保能通过主页链接到达网站的各个页面。其中社团快讯模块主要包括学校社团近日的消息快讯、活动快讯,社团动态新闻趣事。该模块对应的界面如图5.1所示:

技术分享图片

图5.1 【网站主页】模块部分界面图

5.2 【登录】模块

登录模块主要包括登录身份,相应的用户登录身份不同则显现不同的菜单,并获得相应的权限,用户通过注册界面提交简单地用户基本信息,然后进行相应的身份绑定。模块对应的界面如图5.2所示:

技术分享图片

图5.2 【登录】模块界面图

当用户未进行登录,想尝试进入用户登录后的页面,就会跳转到用户登录的界面,用户登录界面如图5.3所示:

技术分享图片

图5.3 【登录】模块界面图

5.3 【注册】模块

注册模块包含用户输入的学号(未注册过)、电子邮箱(未注册过),以及密码,和验证码进行用户注册,注册模块对应的界面图如图5.4所示:

技术分享图片

图5.4 【注册】模块界面图

5.3 【社团印象】模块

社团印象模块包括社团简介、社会文化、社团历史、社团成就、社团风景、社团选报攻略、社团快讯等模块,简介校园各个社团的信息。介绍校园的各个社团的历史,各个社团的文化,各个社团的获得的成就,还有一些新生选报社团的攻略。这部分功能信息的展示主要通过局部视图和分页技术加载社团信息,用户点击进而调转到相关详细页,用户详细页可以通过百度分享插件进行分享,模块对应的部分界面如图5.5所示:

技术分享图片

图5.5 【社团印象】模块部分界面图

社团印象包括社团的各个方面,包括社团相关信息,体现到社团的方法面面,内容形式丰富多彩,包罗万象,模块对应的部分界面如图5.6所示:

技术分享图片

图5.6 【社团印象】模块部分界面图

5.3.1 【社团简介】模块

社团简介页面简介各个社团的信息,包括社团的历史等等,用户点击浏览跳转到每个社团简介的详细页面,在详细页中可以看到每个社团简介用户的浏览量,简介上传的时间,用户还可以对该社团简介通过微信、QQ等渠道进行转发,模块对应的界面如图5.7所示:

技术分享图片

图5.7 社团简介界面图

5.3.2 【社团风采】模块

社团风采页面展示各个社团的风采事迹,包括社团的活动精彩记录,用户可以对社团的精彩活动记录的详细文档进行下载预览等等,在表格中用户只能看到社团活动精彩记录的粗略信息,无法详细的看到社团风采的详细内容,用户可以通过下载详细文档细看社团风采的详细信息,模块对应的界面如图5.8所示:

技术分享图片

图5.8 社团风采界面图

5.3.3 【社团文化】模块

社团文化页面展示各个社团的历史和社团的文化主旨,包括社团的历史事件和文化传统等等,模块对应的界面如图5.9所示:

技术分享图片

图5.9 社团文化界面图

5.3.4 【社团风景】模块

社团风景页面展示各个社团独特的靓丽风景线,包括社团的新鲜事件和精彩片段等等,模块对应的部分界面如图5.10所示:

技术分享图片

图5.10 社团风景部分界面图

5.3.5 【社团攻略】模块

社团攻略页面展示各个社团独特的社团选报攻略,包括社团的精彩片段和选报要求等等,模块对应的界面如图5.11所示:

技术分享图片

图5.11 社团攻略界面图

每个社团的社团攻略详细页包含了活动类型、活动发布时间、以及点击量等内容,用户还可以对社团攻略的详细页网页进行分享,社团攻略详细页界面图如下图5.12所示:

技术分享图片

5.12 社团攻略详细页界面图

每个社团攻略详细页网页还可以进行分享,可以将其分享到QQ、微信、QQ空间、人人网等,分享功能页面界面图如下图5.13所示:

技术分享图片

图5.13 分享功能页面界面图

5.4 【迎新须知】模块

社团须知模块对常见的问答模块,常见问题问答可以快速对问题进行归类分析,然后对问题经典的应答,更好的对大学新生进行指导,模块对应的界面如图5.14所示:

技术分享图片

图5.14 迎新须知模块部分界面图

5.4.1 【迎新快讯】模块

迎新快讯模块可以实时地对社团迎新过程进行快速地报导,用户可以根据报导及时地了解到社团迎新的动态,模块对应的界面如图5.15所示:

技术分享图片

图5.15 迎新快讯模块部分界面图

5.5 【学在社团】模块

5.5.1 【活动介绍】模块

社团活动介绍模块,介绍了各个社团优秀的社团活动文化,立体化地展示社团的人文气息和精神风貌,从活动这个多视角来展示社团的风采,活动介绍模块详细页面如下图5.16所示:

技术分享图片

图5.16 活动介绍模块界面图

5.5.2 【活动交流】模块

主要为各个校园社团提供网上活动交流提供一块留言板,活动列表模块包括了活动标题、活动地点、活动开始时间、活动结束时间等等活动列表模块对应的界面如图5.17所示:

技术分享图片

图5.17社团交流列表界面图

用户可以在查看每一个活动,了解每一个活动,可以在留言板中发表自己对每一个活动的见解和提出自己的困惑,留言板模块界面图如5.18所示:

技术分享图片

图5.18 社团交流留言板模块界面图

5.6 【报名通道】模块

社团的报名通道,进入社团报名通道,就可根据自己的兴趣选报自己心仪的社团。模块对应的界面如图5.19所示:

技术分享图片

图5.19 报名通道模块界面图

5.7 【社团服务】模块

5.7.1 【FAQs】模块

社团的组成、成长以及昌盛或者衰败都与社团存在问题及解决问题的方法息息相关,该模块提供了FAQ问答,模块对应的界面如图5.20所示:

技术分享图片

图5.20 FAQs模块界面图

5.7.2 【人工服务】模块

社团存在问题及解决问题的方法多种多样,
FAQ问答无法将所有问题都涉及到,所以提供了人工服务在线问答,模块对应的界面如图5.21所示:

技术分享图片

图5.21 人工服务模块界面图

5.7.3 【社团管理】模块

社团管理模块主要包括添加社团,删除社团,查找社团,修改社团信息等,通过社团编号定位相应的社团可以查看社团信息,删除社团可以数据哭软删除进行删除,模块对应的界面如图5.22所示:

技术分享图片

图5.22 社团管理模块界面图

5.7.4 【部门管理】模块

社团部门管理模块主要包括添加社团部门,删除社团部门,查找社团部门,修改社团部门信息等,模块对应的界面如图5.23所示:

技术分享图片

图5.23 社团部门管理模块界面图

5.7.5 【邮件群发】模块

主要为各个校园社团提供各自社团在活动即将举行之际通知到每一个社团成员。支持二个和多个邮件进行发送。模块对应的界面如图5.24所示:

技术分享图片

图5.24 邮件群发模块界面图

5.7.6 【活动申报】模块

主要为各个校园社团提供网上活动申请,网上活动申请,社团用户还可以在网上查看自己申请的社团活动是否成功,时刻关注社团活动的申请动态,模块对应的界面如图5.25所示:

技术分享图片

图5.25 社团活动申报界面图

5.7.7 【活动审批】模块

每个社团部门部长用户通过社团活动申报,就会将活动申报表提交到社联秘书用户,然后进行在网上在线进行审批社团活动,并且可以对活动申请表填写活动审批意见对社团部门的申请进行回复,社团审批模块界面如下图5.26所示:

技术分享图片

图5.26 社团活动审批界面图

5.8 【个人中心】模块

5.8.1 【个人中心主页】模块

集结个人用户相关信息,包括个人填写的私密信息(个人爱好,个人习惯,座右铭),用户可以在个人信息这一模块对个人基本信息更改并对其进行保存,还包括相应的消息列表,这模块对应的界面如图5.27所示:

技术分享图片

图5.27 个人中心模块部分界面图

个人中心模块中添加了身份验证相关模块,包括邮箱认证和手机认证,其中邮箱认证采用SMTP进行邮件传输,用户会通过SMTP发送邮件到用户注册的邮箱,邮件的内容包含用户验证邮箱的链接,当用户点击链接进行邮箱认证,手机认证则调用云之讯服务代理商接口进行认证,模块对应的界面图如图5.28所示:

技术分享图片

图5.28 个人中心模块部分界面图

个人中心模块中添加了日历记事模块,方便用户可以将社团工作在日记上进行标注,提醒社团工作人员更好地进行工作,用户还可以在日历中修改自己添加的标注,可以对添加过的标注进行去除操作,用到的Jquery插件是Jquery弹出层插件PopBox,配置遮罩层、关闭按钮、按钮栏,自定义按钮及按钮的样式、点击事件,同时指定选择器选择页面元素的内容作为弹出层的内容。日历记事模块可以通过月、周、日来改变时间的维度来查看自己的记事。在日历中可以对日历中事件进行拖拽移动,依赖于Jquery
UI的Draggable插件,模块对应的界面图如图5.29所示:

技术分享图片

图5.29 个人中心模块日历记事界面图

在个人中心模块中添加了通知消息、私信消息模块和修改头像,可以快速收到CP社团平台消息,消息模块对应的界面图如图5.30所示:

技术分享图片

图5.30 个人中心模块消息界面图

用户消息列表中,通过系统消息可以打开系统消息通知详细页,在我的通知详细页中通过手风琴的形式对消息展开或收起,系统消息通知详细页界面如下图5.31所示:

技术分享图片

图5.31 系统通知详细页界面图

5.8.2 【我的设置】模块

在我的设置模块中包含了个人资料、修改头像、隐私设置、和个性设置,其中个人资料模块包含了个人详细基本资料、修改密码、教育信息、职业信息、个人标签和个人域名,个人资料模块中个人基本详细资料界面图如下图5.32所示:

技术分享图片

图5.32 个人基本详细资料界面图

在个人资料模块可以对个人的密码进行修改,要求用户输入当前密码,和新密码,用户可以根据字符、字母和数字的组合形成自己的CP社团平台密码,密码修改模块界面图如下图5.33所示:

技术分享图片

图5.33密码修改模块界面图

在个人资料模块中用户可以添加自己的描述自己兴趣、爱好等方面的词语,让更多人能更好地找到你,让你找到你兴趣相同的同伴,个人标签模块界面图如下图5.34所示:

技术分享图片

图5.34 个人标签模块界面图

用户该如何记得自己的CP圈地址是什么吗?设置个性域名,让朋友更容易记住呢?可以自定义设置自己的个性域名,可以输入4至20位的英文或数字(必须包含英文字符),保存后就不能修改了,个性域名模块界面图如下图5.35所示:

技术分享图片

图5.35 个性域名模块界面图

5.8.3 【修改头像】模块

当用户点击头像修改头像,用户可以通过从电脑中添加自己的头像,支持JPG、PNG、Gif图片文件,且小于5M,上传的头像会自动生成三种尺寸,头像修改详细页界面图如下图5.36所示:

技术分享图片

图5.36 头像详细页界面图

5.8.4 【隐私设置】模块

在隐私设置中主要涉及到评价和私信两个方面,在评价中设置谁可以评论我的CP圈,在私信中设置谁可以给我发私信,隐私设置模块界面图如下图5.37所示:

技术分享图片

图5.37 隐私设置模块界面图

5.8.5 【个性设置】模块

在个性设置中,主要通过CP圈小黄签进行消息提醒,设置哪些新消息,通过CP圈小黄签提醒我,以及图片水印,设置在图片CP圈中增加独具个性的CP圈水印,用户在设置消息提醒,设置哪些评论计入评论提醒数字中,评论的作者是所有人获知关注的人,或是新增粉丝提醒等等,CP小黄签详细界面如下图5.38所示:

技术分享图片

图5.38 CP小黄签详细界面

在个性设置的图片水印中,设置在图片CP圈中增加独具个性的CP圈水印,水印设置主要设置水印样式和水印位置,水印样式包括CP圈昵称和CP圈地址,水印位置包括底部居右、底部居中和图片中心,图片水印模块详细界面图如下图5.39所示:

技术分享图片

图5.39 图片水印模块详细界面图

5.9 【CP圈】模块

用户第一次进入CP圈后,用户第一次注册进入CP圈后,用户需要设置自己的呢称和相关信息,开通自己的CP圈,该模块如下图5.40所示:

技术分享图片

图5.40 CP圈模块开通CP圈界面图

主要给学校的社团提供一个交友平台,大家可以在平台上发表说说动态,提出问题,问题讨论,问题解决。CP主页如下图5.41所示:

技术分享图片

图5.41 CP圈主页模块界面图

5.9.1 【CP圈主页】模块

CP圈主页主要包含了该用户在CP圈发布信息,还有CP圈相关信息和CP圈模块,可以在该页面发布说说和浏览好友的动态,当用户对说说进行发布,将该条说说保存进数据库,同时对说说列表进行局部刷新,该模块如下图5.42所示:

技术分享图片

图5.42 CP圈主页部分模块界面图

在CP圈主页发布说说,分享自己的社团动态,以及自己的新鲜事,当用户在发布窗口发表自己的说说可以以文字、图片、视频、音乐和话题进行发送,下面的说说列表就会显示刚才自己发表的说说,模块对应的界面如图5.43所示:

技术分享图片

图5.43 CP圈主页发布说说模块界面图

5.9.2 【CP圈好友列表】模块

CP圈好友列表主要包含了我关注的好友、互相关注的好友、各种进行分组的好友,用户还可以对所有的好友进行分组划分和创建新的分组,还可以根据好友的备注或呢称进行搜索好友,该模块如下图5.44所示:

技术分享图片

图5.44 CP圈好友列表模块界面图

5.9.3 【@提到我的】模块

在CP圈中@提到我的模块中,包括了@提到我的CP圈和@提到我的评论两个大的方面,其中@提到我的CP圈界面图如下图5.45所示:

技术分享图片

图5.45 @提到我的CP圈界面图

在@提到我的中的另一个模块@提到我的评论,显示的相关列表是用户在评价CP圈中说说动态有@到我的,@提到我的评论的界面图如下图5.46所示:

技术分享图片

图5.46 @提到我的评论界面图

5.9.4 【我的评价】模块

我的评价列表包括收到的评价和我发出的评价,我收到的评价包括了我关注的人的评价和陌生人的评价,在我的评价中我们还可以搜索相关评价,我收到的评价界面图如图5.47所示:

技术分享图片

图5.47 我收到的评价界面图

我的评价中还包括了我发出的评价,我发出评价列表包括评价时间以及评价内容,我发出的评价界面图如下图5.48所示:

技术分享图片

图5.48 我发出的评价界面图

5.9.5 【我的收藏】模块

用户在对于好友发表的说说和动态都可以将其动态进行收藏,然后该条动态就会进入我的收藏,在我的收藏中就可以将我收藏的所有说说以列表的形式进行显示,我的收藏模块界面图如下图5.49所示?:

技术分享图片

图5.49 我的收藏界面图

5.9.6 【CP圈模板主题】模块

CP圈模板主题提供用户可以更换CP圈主页的CSS样式,其中将多个模板进行分类划分,包括最新推荐、节目、校园、时尚、以及自定义模块,该模块如下图5.50所示:

技术分享图片

图5.50 CP圈模板主题模块界面图

CP圈中模板主题的更换为用户提供自定义个性化服务,用户可以自定义个性化的改变自己主页的页面背景,用户可以自己上传图片作为背景,也可以不使用背景,采用默认自定义的颜色作为背景,该模块如下图5.51所示:

技术分享图片

图5.51 CP圈模板主题自定义背景模块界面图

CP圈中模板主题的自定义个性化更换自己的页面样式,除了可以自定义改变自己的页面背景外,还可以通过改变主页中的主文字的颜色、链接的颜色、此文字的颜色、次链接的颜色、以及内容背景和边框的颜色来自定义自己的个人主页,该模块如下图5.52所示:

技术分享图片

图5.52 CP圈模板主题自定义主页颜色模块界面图

5.9.7 【CP圈搜索】模块

在CP圈中可以对CP圈中所有CP社团中所有的用户,所有的发表的图片、视频、音乐、链接、以及投票进行搜索,CP圈详细搜索界面图如下图5.53所示:

技术分享图片

图5.53 CP圈详细搜索界面图

所有用户在一定时间搜索相关话题就会形成一个热门话题榜,显示相对时间内最为热门的话题,热门话题榜界面图如下图5.54所示?:

技术分享图片

图5.54 热门话题榜界面图

在CP圈中用户在我的首页发表动态,动态就会在下面的动态内容模块显示,如果动态条数数量非常大,用户可以根据关键词进行搜索,快速定位到说说内容,而说说动态中关键字高亮显示,同时显示相关内容的条数,说说动态搜索模块如下图5.55所示:

技术分享图片

图5.55 CP圈说说动态搜索模块界面图

用户也可以通过说说动态的内容,包括说说的类型(原创、转发、含链接、含图片、含视频、含音乐、含投票、说说发表时间以及关键字)进行高级搜索,高级搜索模块如下图5.56所示:

技术分享图片

图5.56 CP圈说说动态高级搜索模块界面图

5.9.8 【我的CP圈】模块

我的CP圈模块包含我的发布CP说说和我的资料模块,我的CP圈模块界面图如下图5.57所示:

技术分享图片

图5.57 我的CP圈模块界面图

我的CP圈模块中包含了我的资料,我的资料包括我的基本信息,我的教育信息,我的职业信息,我的CP圈模块中我的资料如下图5.58所示:

技术分享图片

图5.58 我的资料界面图

第6章 总结和展望

6.1 本文总结

6.2工作展望

从此次毕业设计实现的功能来看,还存在一些可改进的地方。比如,扩大使用运用情感化设计理念设计页面,对“CP聚合博客平台界面”进行再优化,让用户在使用CP社团平台的同时也能同时让视觉得到一种美的享受。管理CP聚合博客平台,收集用户习惯,从用户浏览量、点击量、下载量等数据中进行数据分析,提供更多的好的博客文章给用户,并从博客文章动态推荐、社团新闻,通过筛选和排序,得到几条博客新闻,为用户进行个性化推荐,例如使用协同过滤、热文推荐和用户聚类,有效提升转化率,新闻推荐数量增加,并使推荐比例上涨。优化获取有效数据的正则表达式,提高数据检索速度,提高用户体验。完善CP聚合博客公众号,和使用BootStrap对页面进行栅格系统(布局),是网站跨平台使用。日后在工作之余,我将会对这些不足之处逐一进行优化,相信能学到更多有用的知识。

参考文献

  1. 夏邦贵,郭盛.SQLServer数据库开发入门于范例[M]第一版.北京:机械工业出版社,2012.

  2. 黄保翕ASP.NET MVC 4 开发指南[M] 第一版.北京:清华大学出版社, 2013

  3. 孙远帅,邹权译. ASP.NET MVC 4高级编程第4版.北京:清华大学出版 社,2013.

  4. 蒋金楠. ASP.NET MVC 4框架揭秘.北京:电子工业出版社,2013.

  5. 黄保翕ASP.NET MVC 4 开发指南[M] 第一版.北京:清华大学出版社, 2013

  6. 黄明军,李桂杰.面向对象编程导论[M]第三版.北京:机械工业出版社,2003.

  7. Dave Crane. Ajax in Action [M]. 美国:Manning Publications,2005.

  8. Andrew Troelsen .C#与.NET
    4高级程序设计(第5版)[M].北京:人民邮电出版社,2012.

  9. [美]费拉纳提著。李强等译.JavaScript权威指南(第5版)[M].北京:机械工业出版社,2007.

  10. 弗里曼. 精通jQuery-(第2版) [M].北京:人民邮电出版社,2014.

  11. 李云清,杨庆红,揭安全.数据结构C语言版[M].北京:人民邮电出版社,2009

  12. Introduction to Modern Cryptography: principles and protocols, by J. Katz
    and Y. Lindel,2008

  13. 单东林,张晓菲,魏然. 锋利的jQuery(第2版)[M].北京:人民邮电出版社,2014.

CP聚合博客

标签:pycharm   drag   验证   热门   字母   理想   颜色   storm   过滤   

原文地址:https://www.cnblogs.com/fuGuy/p/9235715.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!