# **graduationDesign**
毕业设计--基于微信小程序的在线免费小说的开发,该项目借助微信小程序的便捷特性,为用户提供快速,并且舒适的阅读体验。负责项目的原型设计,和小程序代码的开发。实现了书城,我的书单,以及在线阅读器功能,目前该项目已经吸引了一批身边爱好阅读的好友用户。
## **项目截图**
<div style="width: 100%;display:flex;flex-flow:row wrap;justify-content:space-around">
<img src="https://olpkwt43d.qnssl.com/myapp/show/1.png" alt="" style="flex: 30%;">
<img src="https://olpkwt43d.qnssl.com/myapp/show/2.png" alt="" style="flex: 30%;">
<img src="https://olpkwt43d.qnssl.com/myapp/show/3.png" alt="" style="flex: 30%;">
<img src="https://olpkwt43d.qnssl.com/myapp/show/4.png" alt="" style="flex: 30%;">
<img src="https://olpkwt43d.qnssl.com/myapp/show/5.png" alt="" style="flex: 30%;">
<img src="https://olpkwt43d.qnssl.com/myapp/show/6.png" alt="" style="flex: 30%;">
<img src="https://olpkwt43d.qnssl.com/myapp/show/7.png" alt="" style="flex: 30%;">
<img src="https://olpkwt43d.qnssl.com/myapp/show/9.png" alt="" style="flex: 30%;">
</div>
## **运行**
建议使用VSCode+wept开发微信小程序,VSCode安装JWSnippets-For-VSCode就可以将wxml、wxss解析成html和css,而wept支持使用chrome来调试微信小程序。下面讲讲这两种方法的使用:
### **`JWSnippets-For-VSCode`**
1. [下载安装VSCode](https://code.visualstudio.com)
2. 下载[JWSnippets-For-VSCode](http://pan.baidu.com/s/1miuOy84), 提取码:8xan
3. 安装JWSnippets-For-VSCode
---
**A. 将json文件放入IDE的sinppets目录:**
`VSCode`
- Windows版本:`C:\Users\用户名\AppData\Roaming\Code\User\snippets`
- Mac版本:`/Users/用户名/Library/Application Support/Code/User/snippets`
`Wing`
- Windows版本:C:\Users\用户名\AppData\Roaming\EgretWing\User\snippets
- Mac版本:/Users/用户名/Library/Application Support/EgretWing/User/snippets
> 如果找不到上述目录,可以打开IDE菜单->首选项->用户代码片段,分别选择Javasript、HTML(或者WXML),将下载的文件代码手动copy进去,保存即可。
**B. 打开IDE菜单->首选项->用户设置,在settings.json加入以下代码:**
`VSCode:`
```
"files.associations": { "*.wxml": "html", "*.wxss": "css"}
```
`Wing:`
```
"files.associations": { "*.wxss": "css"}
```
**C. 为防止和其他命令冲突,本sinppet触发命令以'jw'开头。**
如有疑问,可参照johnwang77大神的[github](https://github.com/johnwang77/JWSnippets-For-VSCode/blob/master/README.md)
### **`WEPT`**
`WEPT` 是一个微信小程序实时开发环境,它的目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。项目后台使用 node 提供服务完全动态生成小程序,前端实现了 view 层、service 层和控制层之间的相关通讯逻辑。支持 Mac, Window 以及 Linux
**1. 主要特性**:
+ 支持 wxml, wxss, javascript 和 json 保存后热更新
+ 支持系统 notification 更早提示构建和请求错误
+ 使用后台转发 XMLHttpRequest 请求,无需配置 CORS, 可 配置代理
+ 支持 所有小程序公开 API
+ 可使用 Chrome 移动页面调试,可在移动端体验
+ 支持 appData 和 storage 面板,需下载 [Chrome 插件](https://chrome.google.com/webstore/detail/wechat-devtools-extension/cmpjfobofbhbghjodehbohchlghacmll)
**2.安装与运行**
```
npm i wept -g
cd 微信小程序所在目录
wept -p 3100
```
启动之后直接在浏览器里打开`localhost:3100`并启用手机调试模式就好了。
## **启动后台接口**
```
启动mongodb
mongod --config=E:\mongod_install\mongod.conf
启动redis
redis-server.exe redis.windows.conf
启动接口
cd api
node .
```
## **目录说明**
```
api --- 提供后台接口
|-client --- 暂无用处
|-common --- loopback的公共模型
|-server --- loopback的服务器模型
|- boot --- 初始化执行脚本
|- modle --- 所有定义的模型目录
|- datasources.json --- 数据源定义文件
|- middleware.json --- 中间件配置文件
|- modle-config.json --- 模型定义文件
|- server.js --- 主程序
reptile --- 所有的爬虫目录
|- connectDB --- 连接数据库,操作数据库方法类
|- tools --- 实用方法类
|- networkReptile.js --- 爬虫主程序
|- config.js --- 爬虫配置js
weixin --- 微信小程序目录
|- assets --- 静态资源文件
|- datas --- 静态数据
|- images --- 图片资源文件
|- page --- 所有微信小程序的页面
|- util --- 工具类
|- app.js --- 微信小程序入口文件
```
## **前端完成进度**
1. 登录页面 --- done
2. 今日页面 --- 改版成为个人中心页
3. 我的书单页面 --- 完成了静态页面,尚未写接口逻辑
4. 教务页面 --- 完成了静态页面,尚未写接口逻辑
5. 书单排行榜页面 --- 完成了静态页面,并调用了获取排行榜的接口,现余下要修复的bug如下,A:纵横网言情分类返回的数据都是xxx的模拟数据,B:排行每本书的点击事件,这个要等book_detail完成之后才会得到解决
6. 书城页面 --- 完成了静态页面,尚未写接口逻辑
7. 开始book_detail页面的编写 ---
8. 使用gulp和scss来管理微信小程序的代码 --- 废弃使用webpack打包小程序
9. 阅读器 --- 已完成
## **后端完成进度**
1. 爬虫升级 --- done ,现在可以同时爬去百度贴吧和爱下电子书两个来源的小说
2. 排行榜的爬虫 --- 已完成
3. 新增排行榜的接口 --- 已完成,今天又修复了两个bug,A:rank中的书籍信息增加bookId方便以后根据此id定位到bookDetai页面,B:攻破起点网小说图片防盗链的小关卡
4. 开始书城中推荐版块,免费新书版块后端接口的建设
5. 改进之前的factionContents模块,增加根据bookId获取书籍包括所有章节和一些其他信息的接口
6. 微信登录 --- 正在进行
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
《计算机毕业设计:基于微信小程序的在线免费小说应用》是一项精心打造的计算机学习资源,专为本科生的课程设计、毕业设计以及小程序开发学习而设计。该资源包内含完整的源码、详尽的说明文档以及实际运行截图,旨在帮助学习者轻松掌握在线免费小说应用的开发技巧,为他们的学习和实践提供有力支持。 在源码方面,该程序充分利用了微信小程序的框架优势,实现了小说的在线浏览、分类查询、阅读记录管理等功能。源码结构清晰,逻辑严密,既便于学习者理解掌握,又能为他们的项目开发提供宝贵的参考经验。 此外,说明文档对在线免费小说应用的设计理念、技术实现、功能特点等进行了全面而深入的剖析。文档语言准确、专业,逻辑清晰,不仅能够帮助学习者快速上手,还能为他们解决在开发过程中可能遇到的问题提供有力的支持。 运行截图则直观地展示了在线免费小说应用的实际运行效果,包括界面设计、操作流程、交互体验等各个方面。这些截图不仅让学习者能够更直观地了解应用的功能和特点,还为他们提供了实践参考和灵感来源。 特别值得一提的是,该资源还附赠了专业的计算机答辩PPT模板。
资源推荐
资源详情
资源评论
收起资源包目录
计算机毕业设计:基于微信小程序的在线免费小说应用(源码+说明+截图),保证可靠运行,附赠计算机答辩PPT模板 (260个子文件)
ace.css 298KB
ace.min.css 265KB
bootstrap.min.css 94KB
font-awesome-ie7.min.css 37KB
ace-rtl.min.css 36KB
ace-skins.min.css 26KB
jquery-ui-1.10.3.full.min.css 24KB
font-awesome.min.css 22KB
bootstrap-editable.css 21KB
select2.css 19KB
chosen.css 13KB
ui.jqgrid.css 12KB
dropzone.css 11KB
fullcalendar.css 11KB
datepicker.css 10KB
ace-ie.min.css 7KB
daterangepicker.css 5KB
colorbox.css 4KB
jquery-ui-1.10.3.custom.min.css 3KB
bootstrap-timepicker.css 3KB
colorpicker.css 2KB
jquery.gritter.css 2KB
Thumbs.db 21KB
Thumbs.db 4KB
.editorconfig 288B
.eslintignore 8B
.eslintrc 27B
loading.gif 9KB
.gitignore 295B
profile.html 98KB
tables.html 95KB
form-elements.html 74KB
index.html 64KB
inbox.html 64KB
elements.html 57KB
buttons.html 54KB
widgets.html 46KB
form-wizard.html 45KB
faq.html 43KB
timeline.html 41KB
jquery-ui.html 37KB
jqgrid.html 34KB
pricing.html 33KB
typography.html 31KB
wysiwyg.html 30KB
calendar.html 28KB
gallery.html 28KB
nestable-list.html 27KB
invoice.html 27KB
grid.html 25KB
treeview.html 23KB
dropzone.html 23KB
error-404.html 23KB
error-500.html 22KB
blank.html 21KB
login.html 9KB
image-4.jpg 89KB
image-2.jpg 79KB
image-1.jpg 66KB
image-3.jpg 61KB
image-5.jpg 59KB
me_test.jpg 47KB
image-6.jpg 42KB
thumb-2.jpg 9KB
thumb-4.jpg 9KB
thumb-3.jpg 9KB
profile-pic.jpg 8KB
thumb-5.jpg 8KB
thumb-1.jpg 6KB
thumb-6.jpg 5KB
user.jpg 1KB
jquery.jqGrid.min.js 261KB
jquery-ui-1.10.3.full.min.js 223KB
jquery-1.10.2.min.js 91KB
jquery-ui-1.10.3.custom.min.js 91KB
jquery-2.0.3.min.js 82KB
bootstrap-editable.min.js 78KB
jquery.dataTables.min.js 69KB
select2.min.js 59KB
fullcalendar.min.js 50KB
jquery.sparkline.min.js 42KB
jquery.flot.min.js 36KB
reader.js 29KB
dropzone.min.js 28KB
bootstrap.min.js 27KB
chosen.jquery.min.js 25KB
connectDB.js 25KB
jquery.validate.min.js 21KB
bootstrap-datepicker.min.js 19KB
rankReptile.js 19KB
excanvas.min.js 19KB
ace-elements.min.js 18KB
daterangepicker.min.js 18KB
markdown.min.js 16KB
moment.min.js 14KB
bootstrap-timepicker.min.js 14KB
additional-methods.min.js 13KB
my-app-user.js 13KB
bootstrap-markdown.min.js 12KB
jiaowu.js 11KB
共 260 条
- 1
- 2
- 3
资源评论
小新要变强
- 粉丝: 2w+
- 资源: 539
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功