?
目录
摘要
Abstract
创新点
1.系统启动与使用
1系统启动基本流程
1.1下载系统压缩包并解压
1.2打开系统文件夹
1.3虚拟环境建立与激活
1.4 启动系统
1.5 进入博客首页
2.用户端功能介绍
2.用户使用功能介绍
2.1登录博客(支持第三方登录):
2.2注册
2.3忘记密码与密码重置
2.4查看文章并点赞、评论
2.5搜索文章
2.6提供多种功能页面和搜索接口
3.后台功能介绍
3管理员相关功能介绍
3.1访问管理后台
3.2 登录后台管理
3.3账号管理
3.4社交账户管理
3.5发表博客文章及编辑功能
3.6添加文章栏目
3.7添加标签项
3.8认证和授权管理
3.9评论管理功能
3.10其他功能板块介绍
摘要
本博客系统是为了方便用户(系统管理员)发表自己的博客文章,作为自己的一种经验或学习的记录。同时也对某篇文章感兴趣的学习者可以浏览、点赞、评论。系统管理员可在其相关管理页面发表博客文章并设置不同标签以区分相关文章的性质和类别,获取浏览信息(包括浏览量和点赞数等)、网站系统相关访客的留言及问题答复。除此之外,作为系统管理员,具有管理和查看相关访客的注册、登录、及相关地址id等权限。同时,也可提供访客在博客首页界面进行查看和搜索文章及获取最新最热文章及页面跳转等的功能。该网站支持其他用户进行账号注册及登录,在感兴趣的文章下给博主(即系统管理员或其成员)留言、点赞等功能。
Abstract
This blog system is to facilitate users (system administrators) to publish their own blog articles as a record of their own experience or learning. At the same time, learners who are interested in an article can browse, like and comment. The system administrator can publish blog articles on its relevant management pages and set different labels to distinguish the nature and category of relevant articles, obtain browsing information (including views and likes, etc.), messages and questions from relevant visitors of the website system. In addition, as a system administrator, I have the authority to manage and view the registration, login and relevant address ID of relevant visitors. At the same time, it can also provide visitors with the functions of viewing and searching articles, obtaining the latest and hottest articles and page Jump in the homepage interface of the blog. The website supports other users to register and log in, and leave messages and likes to bloggers (i.e. system administrators or their members) under articles of interest.
创新点
该系统在结构架设及设计方面,主要利用Django提供的高级Python Web框架开发,其数据模型语法提供了许多表示模型的丰富方法和模板搜索路径,允许最大限度地减少模板之间的冗余。一旦模型被定义,Django就可以自动创建一个专业的、生产就绪的管理界面(即一个允许经过身份验证的用户添加,更改和删除对象的网站)等多种网站建设方面的优势。与此同时,系统还采用BootStrap4部分技术进行前后端相关界面美化,系统后台则采用Simpleui进行丰富界面方面的设计及美化。前端网页方面主要利用了HTML和CSS进行构造设计并呈现丰富多彩的界面,部分采用JavaScrit对相关网页进行响应行为方面的设计构造,为了方便访客注册等需求,采用第三方app插件alluth提供该部分功能(即提供了三种注册登录的方式供感兴趣的访客进行选择)。系统前后端数据交互方面则采用了Ajax相关技术中的post等传输方式函数进行前后端交互方面的操作。
?
1.系统启动与使用
1系统启动基本流程
1.1下载系统压缩包并解压
下载好博客系统压缩包并解压到桌面或电脑其他地方(自定),如图1-1所示。
?
图1-1解压
1.2打开系统文件夹
启动Pycharm社区版,打开工程项目,如图1-2所示。并打开解压后的博客系统文件夹。
?
图1-2系统文件夹打开页面
1.3虚拟环境建立与激活
建立虚拟环境及激活虚拟环境,如图1-3所示。
先输入建立虚拟环境命令:python –m venv ll_env
再输入激活虚拟环境命令:ll_env\Scripts\activate
?
图1-3建立并激活虚拟环境
启动博客系统(如不成功,则使用相关pip命令安装相应插件包)以及使用数据迁移命令行,分别如图1-4和图1-5所示。
先输入:python manage.py makemigrations;
再输入:python manage.py migration):
使用启动系统命令行:python manage.py runserver 8080(如不指定端口则一般默认端口是8000)
?
图1-4 激活虚拟环境
?
图1-5 启动博客
1.5 进入博客首页
点击输入启动命令行成功后显示的http网站地址即可进入博客首页,如图1-6所示。
?
?
?
图1-6 博客首页
2.用户端功能介绍
2.用户使用功能介绍
2.1登录博客(支持第三方登录):
用户可凭账号名和登陆密码进行登录系统,也可通过第三方账号进行登录使用,如图2-1和图2-2所示。
?
图2-1登录页面
?
图2-2第三方登录页面
用户可在此页面进行账号注册,如图2-3所示.
?
图2-3用户注册页面
2.3忘记密码与密码重置
如果用户忘记密码的话,可在此页面进行密码重置操作,如图2-4所示。
?
图2-4登录密码重置页面
2.4查看文章并点赞、评论
在此页面用户可查看相关感兴趣的文章,进行点赞、评论,如图2-5和图2-6所示。
?
图2-5点赞功能页面
?
图2-6评论页面
用户可在相关搜索框中搜索已发布的文章,如图2-7所示。
?
图2-7文章搜索页面
2.6提供多种功能页面和搜索接口
在此处,用户可点击相关接口链接,快速进入其页面,如图2-8所示。
?
图2-8 网页跳转接口页面
3.后台功能介绍
3管理员相关功能介绍
在登录网站地址后添加/admin即可进入系统管理员页面,如图3-1所示。
?
图3-1 管理员登录页面
3.2 登录后台管理
管理员用户名默认为A;默认密码为123456 输入正确方能进入管理后台,否则提示“请输入正确的用户名……”,如图3-2和图3-3所示
?
图3-2 错误账号登录管理后台
?
图3-3成功登录管理后台
管理员可在此功能板块进行账号管理,如图3-4所示。
?
图3-4账号管理页面
管理员可在此功能板块进行用户社交账号管理,如图3-5和图3-6及图3-7所示。
?
?图3-5社交账户管理页面
?
图3-6社交账户管理页面
?
图3-7社交账户管理页面
3.5发表博客文章及编辑功能
管理员可在此功能板块进行博客文章的写作、发表、更新,如图3-8和图3-9所示。
?
图3-8发表博客文章及编辑文章页面
?
图3-9发表博客文章及编辑文章页面
管理员可在此功能板块进行发表文章的栏目管理,如图3-10和图3-11所示。
?
?
图3-10添加文章栏目页面
?
图3-11添加文章栏目页面
管理员可在此功能板块进行标签项的管理,用于给发表文章加上标签,如图3-12和图3-13所示。
?
?
图3-12添加标签项页面
?
图3-13添加标签项页面
3.8认证和授权管理
管理员可在此功能板块进行账号认证和授权管理,如图3-14所示。
图3-14认证和授权管理页面
管理员可在此功能板块进行文章的评论管理,可自主选择是否回复相关留言,如图3-15所示。
?
?
图3-15评论管理功能页面
管理员可在此功能板块管理相关登录地址和选择个性化的后台主题,如图3-16和图3-17所示。
?
图3-16管理相关登录地址页面
?
图3-17个性化主题页面