用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

2017-3-25 00:26:12 天下雪原创达人 造轮子 人生巅峰 楼主 59187
项目截图    1.png 2.png 3.png 4.png 5.png 6.png 7.png   
运行

建议使用VSCode+wept开发微信小程序,VSCode安装JWSnippets-For-VSCode就可以将wxml、wxss解析成html和css,而wept支持使用chrome来调试微信小程序。下面讲讲这两种方法的使用:

JWSnippets-For-VSCode
  • 下载JWSnippets-For-VSCode, 提取码:8xan
  • 安装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:
    [AppleScript] 纯文本查看 复制代码
    "files.associations": { "*.wxml": "html", "*.wxss": "css"}
    Wing:
    [AppleScript] 纯文本查看 复制代码
    "files.associations": { "*.wxss": "css"}
    C. 为防止和其他命令冲突,本sinppet触发命令以'jw'开头。 如有疑问,可参照johnwang77大神的github

WEPT

WEPT 是一个微信小程序实时开发环境,它的目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。项目后台使用 node 提供服务完全动态生成小程序,前端实现了 view 层、service 层和控制层之间的相关通讯逻辑。支持 Mac, Window 以及 Linux

1. 主要特性:

  • 支持 wxml, wxss, javascript 和 json 保存后热更新
  • 支持系统 notification 更早提示构建和请求错误
  • 使用后台转发 XMLHttpRequest 请求,无需配置 CORS, 可 配置代理
  • 支持 所有小程序公开 API
  • 可使用 Chrome 移动页面调试,可在移动端体验
  • 支持 appData 和 storage 面板,需下载 Chrome 插件

2.安装与运行

[AppleScript] 纯文本查看 复制代码
npm i wept -g
cd 微信小程序所在目录
wept -p 3100

启动之后直接在浏览器里打开localhost:3100并启用手机调试模式就好了。

启动后台接口
[AppleScript] 纯文本查看 复制代码
启动mongodb
mongod --config=E:\mongod_install\mongod.conf

启动redis
redis-server.exe redis.windows.conf

启动接口
cd api
node .
目录说明
[AppleScript] 纯文本查看 复制代码
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 --- 微信小程序入口文件
前端完成进度
  • 登录页面 --- done
  • 今日页面 --- 改版成为个人中心页
  • 我的书单页面 --- 完成了静态页面,尚未写接口逻辑
  • 教务页面 --- 完成了静态页面,尚未写接口逻辑
  • 书单排行榜页面 --- 完成了静态页面,并调用了获取排行榜的接口,现余下要修复的bug如下,A:纵横网言情分类返回的数据都是xxx的模拟数据,B:排行每本书的点击事件,这个要等book_detail完成之后才会得到解决
  • 书城页面 --- 完成了静态页面,尚未写接口逻辑
  • 开始book_detail页面的编写 ---
  • 使用gulp和scss来管理微信小程序的代码 --- 废弃使用webpack打包小程序
  • 阅读器 --- 已完成
后端完成进度
  • 爬虫升级 --- done ,现在可以同时爬去百度贴吧和爱下电子书两个来源的小说
  • 排行榜的爬虫 --- 已完成
  • 新增排行榜的接口 --- 已完成,今天又修复了两个bug,A:rank中的书籍信息增加bookId方便以后根据此id定位到bookDetai页面,B:攻破起点网小说图片防盗链的小关卡
  • 开始书城中推荐版块,免费新书版块后端接口的建设
  • 改进之前的factionContents模块,增加根据bookId获取书籍包括所有章节和一些其他信息的接口


项目地址:https://github.com/Andyliwr/graduationDesign
项目下载: graduationDesign-develop.zip (1.63 MB, 下载次数: 375)
有问题请在本站内搜索相应关键词,假如无法解决请在综合交流区内发帖咨询,发帖时请提供详细的问题描述、相关图片及代码。
很棒的设计,楼主可以给我看看你的毕业设计论文吗?我们老师没有范文参考。
我也想看看毕业论文457306846@qq.com
wYpeng65 发表于 2018-8-20 22:50
很棒的设计,楼主可以给我看看你的毕业设计论文吗?我们老师没有范文参考。 ...

请问你有看到论文吗,不会写。
为什么会出现登录失败,请检查网络后重试啊
2019-1-10 20:10:08 w煜29 攻城狮
6#
想问下楼主爬的书籍多不多,我和你一样也是选的这个做毕业设计,但是我爬的书有点多,章节查看的时候反应就比较慢
发新帖
您需要登录后才可以回帖 登录 | 立即注册