<p/><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-13b06998c4da2c95.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><h1><strong>内容简介</strong></h1><p>本文内容为该项目V1.0版本的内容。</p><p>基于Django前后端分离项目的前端Web网站展示。由于时间比较长了很多内容都在2.0版本中进行的很大的改动，这里就做一个简单的介绍。</p><p>由于当时不知道如何处理用户部分内容，因此将用户浏览相关内容应用集合道前端。</p><h1><strong>展示页面</strong></h1><p class="image-package"><strong>1.主页</strong> </p><p class="image-package">文章主页内容方面总共有7个板块，<strong>置顶文章、热门文章、最新文章、浏览最多、点赞最多、收藏最多、推荐文章、本周优质</strong> 内容，均是以API数据接口的方式进行输出传输道前端进行展示。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-01e2cf634ace8147.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-f2e1cc802f84b7d3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p><strong>2.每个频道</strong> </p><p>频道内容通过API数据接口的方式进行输出传输道前端进行展示。这里根据一级类别然后选择对应的二级栏目选择对应栏目的文章进行输出传输道前台进行展示。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-5d8c8852e55f1dbb.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-8b322089ad5d9646.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p><strong>3.文章详情</strong> </p><p>文章的详情页面，展示文章的具体内容。其中包含关键词，日期，作者，栏目，文章正文等内容，均是在后台编辑后的内容。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-c655133193cd8164.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-e0944e4a3be45bff.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p><strong>4.中医知识库</strong> </p><p>通过采集的数据，根据一定的算法自动生成的文章内容，主要以知识科普为主。图中示例未药智数据抓取的中医药数据进行二次整合之后的科普内容。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-c1337a4172e043ca.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-1b4549b62c9451d6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p><strong>5.用户登陆</strong> </p><p>此时还不会写前后端用户模块的交互内容，因此将用户的功能直接挂接在前端，在2.0版本中将用户全部功能移植道后端了。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-44400857ca804a05.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p><strong>6.找回密码</strong> </p><p>设计的用户密码找回的一个简单功能。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-142af2e4c67674a3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p><strong>7.用户浏览</strong> </p><p>用于记录登录用户的在网站的浏览信息记录内容保存到MySQL数据仓库。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-7f32f5fce4d8286b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p><strong>8.用户收藏</strong> </p><p>简单的用户收藏功能，结合JS进行设计制作。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-517f89c03a9c1e0d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><h1><strong>后台管理</strong></h1><p><strong>1.用户管理</strong> </p><p>用户管理功能，基于Django的Admin进行继承编写。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-2ed4818b3556becf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p>
</p><p><strong>2.系统邮件</strong> </p><p>系统邮件记录，用于用户注册、修改密码等操作的邮箱验证等功能。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-b043446061fcb246.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p>
</p><p><strong>3.用户浏览和收藏</strong> </p><p>简单的用户浏览记录和收藏记录的管理表单功能。</p><p class="image-package"><img class="uploaded-img" src="https://upload-images.jianshu.io/upload_images/24367109-99730a60378a2159.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" width="auto" height="auto"/></p><p>
</p>