微信小说小程序系统设计与实现

忘是亡心i 2024-03-27 15:01 84阅读 0赞

> ## 项目背景和意义 ##

**目的**：本课题主要目标是设计并能够实现一个基于微信小程序在线电子书阅读系统，前台用户使用小程序，后台管理使用基PHP+MySql的B/S架构；通过后台录入电子书信息、书目录信息，用户通过小程序登录，查看图书列表、查看图书信息、查看图书目录、阅读。

**意义**：微信小程序在线电子书阅读系统是计算机技术与图书相结合的产物，通过微信小程序在线电子书阅读系统实现了对电子书的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落.

在工作人员的具备一定的计算机操作能力的前提下，特编此微信小程序在线电子书阅读系统软件以提高图书的阅读和销售。

>  **博主介绍**：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。  
> 所有项目都配有从入门到精通的基础知识视频课程，免费  
> 项目配有对应开发文档、开题报告、任务书、PPT、论文模版等
> 
> 项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
> 
> 如果需要联系我，可以在CSDN网站查询黄菊华老师  
> **在文章末尾可以获取联系方式**

##  ##

> ## 可行性分析 ##

基于微信小程序在线电子书阅读系统有以下三方面可以总结系统开发的可行性，具体如下：

1.技术可行性

以Windows7或10为操作系统，采用phpstorm软件为开发后台管理，运用mysql进行数据库存储，使用微信开发者工具开发微信小程序；后台管理系统硬件环境是PC机，前台用户在手机上使用微信小程序。

2.经济可行性

一方面，采用phpstorm和微信开发者工具开发有好的人机界面和强劲的功能支持，使管理人员的工作效率进一步提高从而节省人力、物力；另一方面，系统的制作成本低，在现有的PC机上即可使用phpstorm和微信开发者工具进行开发。

3.操作可行性

phpstorm软件在操作上是在Windows操作系统上进行在线考试后台管理系统的使用，主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能，简单方便。用户使用手机登录微信小程序在线电子书阅读系统来使用更加方便。

> ## 主要功能模块 ##

![e4850d2cefa64fb7a3f49efcc78e65a8.png][]

### 后台管理员功能 ###

广告管理：设置小程序首页轮播图广告和链接  
留言列表：所有用户留言信息列表，支持删除  
会员列表：查看所有注册会员信息，支持删除  
录入资讯：录入资讯标题、内容等信息  
管理资讯：查看已录入资讯列表，支持删除和修改

图书分类设置：设置图书的1级和2级分类，支持修改和删除  
图书录入：选择分类，录入图书名称、上传封面，录入图书介绍内容  
图书管理：查看所有录入的图书信息，支持修改和删除  
图书目录管理：录入章和节的内容，支持修改和删除

### 小程序功能 ###

用户注册登录：注册普通账号，然后使用注册的账号登录登录  
微信授权登录：直接使用微信作为账号，授权后登录  
资讯功能：用户可以任意浏览资讯列表和详细信息  
留言：用户可以在小程序对管理平台留言。

图书列表：点击主菜单“图书”可以查看所有图书。  
图书分类：通过点击“分类”来筛选所需要的图书。  
图书查询：在首页或者图书列表的顶部，可以输入要查询的图书关键字，然后点击“查询”按钮，查询所要查找的图书名称。  
图书信息： 点击到图书详情页面，可以查看图书的介绍，图书的详细章节目录。  
收藏操作：在图书信息详情，下方点击“收藏”，进行收藏  
图书阅读：点击你要阅读的章节右侧的“阅读”，进入详细阅读。在顶部可以点击“阅读上一节”，在顶部可以点击“阅读下一节”  
我的收藏：收藏的电子书列表

用户信息：填写姓名、qq、邮箱、备注等信息  
退出系统：清除缓存，返回小程序首页

> ## 开发概要 ##

主要介绍了系统在开发过程中所应用到的一些关键的技术，主要包括了前端小程序开发的MINA框架；后台开发PHP开发；MySQL数据库；以及常规的网页技术HTML/CSS/JAVASCRIPT的介绍。

开发操作系统：windows10 + 4G内存 + 500G

小程序开发：微信开发者工具（MINA框架）

后台环境：IIS +PHP

后台开发语言：PHP

后台开发工具：Dreamweaver +PhpStorm

数据库：mysql8

数据库管理工具：navicat

其他开发语言：html + css +javascript

> ## 开发文件说明 ##

### 后台管理文件 ###

所在路径：后台源码ht目录是后台

绿色显示的是系统框架，不要动

<table> 
 <tbody> 
 <tr> 
 <td> 位置 </td> 
 <td> 程序名 </td> 
 <td> 说明 </td> 
 </tr> 
 <tr> 
 <td> 源码根目录 </td> 
 <td> login.php </td> 
 <td> 后台登录页面 </td> 
 </tr> 
 <tr> 
 <td> 源码根目录 </td> 
 <td> check_u_login.php </td> 
 <td> 后台登录处理程序 </td> 
 </tr> 
 <tr> 
 <td> ht 后台根目录 </td> 
 <td> index.php </td> 
 <td> 后台首页 </td> 
 </tr> 
 <tr> 
 <td> left.php </td> 
 <td> 后台左侧菜单 </td> 
 </tr> 
 <tr> 
 <td> u_logout.php </td> 
 <td> 退出登录 </td> 
 </tr> 
 <tr> 
 <td> ht/quanxian 密码管理 </td> 
 <td> mima.php </td> 
 <td> 密码修改页面 </td> 
 </tr> 
 <tr> 
 <td> mima_act.php </td> 
 <td> 密码修改程序 </td> 
 </tr> 
 <tr> 
 <td> ht/zixun 资讯 </td> 
 <td> zixun_add.php </td> 
 <td> 资讯录入页面 </td> 
 </tr> 
 <tr> 
 <td> zixun_add_act.php </td> 
 <td> 资讯录入数据库程序 </td> 
 </tr> 
 <tr> 
 <td> zixun_list.php </td> 
 <td> 资讯列表 </td> 
 </tr> 
 <tr> 
 <td> zixun_xiugai.php </td> 
 <td> 资讯修改页面 </td> 
 </tr> 
 <tr> 
 <td> zixun_xiugai_act.php </td> 
 <td> 资讯修改程序 </td> 
 </tr> 
 <tr> 
 <td> zixun_del.php </td> 
 <td> 资讯删除程序 </td> 
 </tr> 
 <tr> 
 <td> ht/ guanggao 广告和留言 </td> 
 <td> ad_index_wx.php </td> 
 <td> 轮播图设置页面 </td> 
 </tr> 
 <tr> 
 <td> ad_index_wx_baocun </td> 
 <td> 轮播图设置程序处理 </td> 
 </tr> 
 <tr> 
 <td> liuyan_list.php </td> 
 <td> 留言列表 </td> 
 </tr> 
 <tr> 
 <td> liuyan_delt.php </td> 
 <td> 留言删除 </td> 
 </tr> 
 <tr> 
 <td> ht/huiyuan 会员 </td> 
 <td> hy_list.php </td> 
 <td> 会员列表 </td> 
 </tr> 
 <tr> 
 <td> hy_del.php </td> 
 <td> 会员删除 </td> 
 </tr> 
 <tr> 
 <td> ht/shu 图书管理 </td> 
 <td> tushu_add.php </td> 
 <td> 图书录入页面 </td> 
 </tr> 
 <tr> 
 <td> tushu_add_act.php </td> 
 <td> 图书录入程序处理 </td> 
 </tr> 
 <tr> 
 <td> tushu_list.php </td> 
 <td> 图书列表 </td> 
 </tr> 
 <tr> 
 <td> tushu_xiugai.php </td> 
 <td> 图书修改页面 </td> 
 </tr> 
 <tr> 
 <td> tushu_xiugai_act.php </td> 
 <td> 图书修改程序处理 </td> 
 </tr> 
 <tr> 
 <td> tushu_del.php </td> 
 <td> 图书删除 </td> 
 </tr> 
 <tr> 
 <td> tushu_mulu.php </td> 
 <td> 图书目录 </td> 
 </tr> 
 <tr> 
 <td> mulu_del.php </td> 
 <td> 图书目录内容删除 </td> 
 </tr> 
 <tr> 
 <td> mulu_xiugai.php </td> 
 <td> 图书目录内容修改页面 </td> 
 </tr> 
 <tr> 
 <td> mulu_xiugai_act.php </td> 
 <td> 图书目录内容修改程序处理 </td> 
 </tr> 
 <tr> 
 <td> mulu1_add.php </td> 
 <td> 图书目录章内容录入页面 </td> 
 </tr> 
 <tr> 
 <td> mulu1_add_act.php </td> 
 <td> 图书目录章内容录入程序处理 </td> 
 </tr> 
 <tr> 
 <td> mulu2_add.php </td> 
 <td> 图书目录节内容录入页面 </td> 
 </tr> 
 <tr> 
 <td> mulu2_add_act.php </td> 
 <td> 图书目录节内容录入程序处理 </td> 
 </tr> 
 </tbody> 
</table>

### 小程序接口文件 ###

小程序接口

<table> 
 <tbody> 
 <tr> 
 <td> 程序名 </td> 
 <td> 包含 </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td> 首页 </td> 
 <td> wx_lunbo.php </td> 
 <td> 获取顶部轮播图片数组（多个图片） </td> 
 </tr> 
 <tr> 
 <td> wx_news_list.php </td> 
 <td> 获取最新资讯3条 </td> 
 </tr> 
 <tr> 
 <td> wx_shu_top6.php </td> 
 <td> 获取最新6本电子书 </td> 
 </tr> 
 <tr> 
 <td> 分类 </td> 
 <td> wx_shu_fenlei_list.php </td> 
 <td> 获取分类列表 </td> 
 </tr> 
 <tr> 
 <td> 图书 </td> 
 <td> wx_shu_all.php </td> 
 <td> 获取所有图书和查询内容 </td> 
 </tr> 
 <tr> 
 <td> 图书详情 </td> 
 <td> wx_shu_mulu_index.php </td> 
 <td> 读取章节（目录）列表 </td> 
 </tr> 
 <tr> 
 <td> wx_shu_xinxi_byid.php </td> 
 <td> 读取图书介绍信息 </td> 
 </tr> 
 <tr> 
 <td> wx_shu_shoucang_add.php </td> 
 <td> 收藏接口 </td> 
 </tr> 
 <tr> 
 <td> 图书阅读 </td> 
 <td> wx_shu_zhangjie_xiangqing1.php </td> 
 <td> 读取章节概要信息 </td> 
 </tr> 
 <tr> 
 <td> wx_shu_zhangjie_xiangqing2.php&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td> 
 <td> 读取章节详细内容 </td> 
 </tr> 
 <tr> 
 <td> 资讯信息 </td> 
 <td> wx_news_list_byid.php </td> 
 <td> 获取资讯列表 </td> 
 </tr> 
 <tr> 
 <td> wx_news_info.php&nbsp; </td> 
 <td> 获取资讯信息详情 </td> 
 </tr> 
 <tr> 
 <td> 留言 </td> 
 <td> wx_api_liuyan.php </td> 
 <td> 提交留言 </td> 
 </tr> 
 <tr> 
 <td> 会员 </td> 
 <td> wx_check_reg_yonghu.php </td> 
 <td> 普通用户注册 </td> 
 </tr> 
 <tr> 
 <td> wx_check_login_yonghu.php </td> 
 <td> 普通用户登录 </td> 
 </tr> 
 <tr> 
 <td> wx_check_reg_yonghu-weixin.php </td> 
 <td> 微信登录 </td> 
 </tr> 
 <tr> 
 <td> wx_shu_shoucang_list.php </td> 
 <td> 收藏列表 </td> 
 </tr> 
 <tr> 
 <td> wx_shu_shoucang_del.php </td> 
 <td> 收藏删除 </td> 
 </tr> 
 <tr> 
 <td> wx_huiyuan_xinxi_byid.php </td> 
 <td> 读取会员信息 </td> 
 </tr> 
 <tr> 
 <td> wx_huiyuan_xinxi_update_byid.php </td> 
 <td> 更新会员信息 </td> 
 </tr> 
 <tr> 
 <td> wx_huiyuan_mima_act.php </td> 
 <td> 密码修改 </td> 
 </tr> 
 </tbody> 
</table>

> ## 功能模块图 ##

### 功能实体图模块图 ###

![d01a979edf7b4db38fe6b6bfe1b7515f.png][]

### 数据库ER图 ###

![c754366658894f8497c68a795b092602.png][]

> ##    作品效果截图 ##

### 小程序功能截图 ###

![3b52e3b5329f44a19c6c2878dc786e9a.png][]![cc7b12b840524906a7978f27c3adb95a.png][]![3326135d0d564da68a93099578d67b44.png][]![817047f2552048298b21717da8b7b5c5.png][]![860ba8599ec94ac99abc3963ccef3f1a.png][]![677abae8fea545109255245cbc091b4f.png][]![82d71bf873474c47a590fe3f16ff4630.png][]![f36cbcb248744875825c508f0e3b4512.png][]![44b03792a5f44c35a0d7696a3fde2835.png][]![590033c68a9b41b8bc3cf8f2702a9523.png][]![26aea2e0fc8a4d608f93c7486f944870.png][]![a082c08399734fb4b521c8d4c05e76b3.png][]![4fbdd33b54be41e9b078754dd1194cf2.png][]![859f882d7d85402fb6b01657050b8fc3.png][]

### 后台管理截图   ![b2fd69e8dd424b9bb03168bdecf6d35d.png][]![99ef1f04239b44c0a6d0eb84c016dd3d.png][]![9eafaef3b55046879ea0582a092b0011.png][]![e671903b38644d69a0d8c261fbc76b1c.png][]![795d61c23e08456786ba230814b534a7.png][]![d6d7de2e1160475cad494ecd272ee6f2.png][]![35c31d7e9bb44704b7209355d81f33b2.png][]![aea3534697744f53987bde8a535b1439.png][]![3ae0ee0a7319473e83428c9605829cef.png][]![f068e0ed84754e489da6ee720a8baf66.png][] ###

[e4850d2cefa64fb7a3f49efcc78e65a8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d1e0d9eef86146ba9e45d771e5558810.png
[d01a979edf7b4db38fe6b6bfe1b7515f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/3927d5113bca4b758e72718be68fc9e9.png
[c754366658894f8497c68a795b092602.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d4ae2f9459444b058d578eb3cf2eb438.png
[3b52e3b5329f44a19c6c2878dc786e9a.png]: https://img-blog.csdnimg.cn/3b52e3b5329f44a19c6c2878dc786e9a.png
[cc7b12b840524906a7978f27c3adb95a.png]: https://img-blog.csdnimg.cn/cc7b12b840524906a7978f27c3adb95a.png
[3326135d0d564da68a93099578d67b44.png]: https://img-blog.csdnimg.cn/3326135d0d564da68a93099578d67b44.png
[817047f2552048298b21717da8b7b5c5.png]: https://img-blog.csdnimg.cn/817047f2552048298b21717da8b7b5c5.png
[860ba8599ec94ac99abc3963ccef3f1a.png]: https://img-blog.csdnimg.cn/860ba8599ec94ac99abc3963ccef3f1a.png
[677abae8fea545109255245cbc091b4f.png]: https://img-blog.csdnimg.cn/677abae8fea545109255245cbc091b4f.png
[82d71bf873474c47a590fe3f16ff4630.png]: https://img-blog.csdnimg.cn/82d71bf873474c47a590fe3f16ff4630.png
[f36cbcb248744875825c508f0e3b4512.png]: https://img-blog.csdnimg.cn/f36cbcb248744875825c508f0e3b4512.png
[44b03792a5f44c35a0d7696a3fde2835.png]: https://img-blog.csdnimg.cn/44b03792a5f44c35a0d7696a3fde2835.png
[590033c68a9b41b8bc3cf8f2702a9523.png]: https://img-blog.csdnimg.cn/590033c68a9b41b8bc3cf8f2702a9523.png
[26aea2e0fc8a4d608f93c7486f944870.png]: https://img-blog.csdnimg.cn/26aea2e0fc8a4d608f93c7486f944870.png
[a082c08399734fb4b521c8d4c05e76b3.png]: https://img-blog.csdnimg.cn/a082c08399734fb4b521c8d4c05e76b3.png
[4fbdd33b54be41e9b078754dd1194cf2.png]: https://img-blog.csdnimg.cn/4fbdd33b54be41e9b078754dd1194cf2.png
[859f882d7d85402fb6b01657050b8fc3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/81d006a34207437eba23eb9a1b8e809f.png
[b2fd69e8dd424b9bb03168bdecf6d35d.png]: https://img-blog.csdnimg.cn/b2fd69e8dd424b9bb03168bdecf6d35d.png
[99ef1f04239b44c0a6d0eb84c016dd3d.png]: https://img-blog.csdnimg.cn/99ef1f04239b44c0a6d0eb84c016dd3d.png
[9eafaef3b55046879ea0582a092b0011.png]: https://img-blog.csdnimg.cn/9eafaef3b55046879ea0582a092b0011.png
[e671903b38644d69a0d8c261fbc76b1c.png]: https://img-blog.csdnimg.cn/e671903b38644d69a0d8c261fbc76b1c.png
[795d61c23e08456786ba230814b534a7.png]: https://img-blog.csdnimg.cn/795d61c23e08456786ba230814b534a7.png
[d6d7de2e1160475cad494ecd272ee6f2.png]: https://img-blog.csdnimg.cn/d6d7de2e1160475cad494ecd272ee6f2.png
[35c31d7e9bb44704b7209355d81f33b2.png]: https://img-blog.csdnimg.cn/35c31d7e9bb44704b7209355d81f33b2.png
[aea3534697744f53987bde8a535b1439.png]: https://img-blog.csdnimg.cn/aea3534697744f53987bde8a535b1439.png
[3ae0ee0a7319473e83428c9605829cef.png]: https://img-blog.csdnimg.cn/3ae0ee0a7319473e83428c9605829cef.png
[f068e0ed84754e489da6ee720a8baf66.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/a2aae4347019405c88bf955a4e24d9da.png