40款前台页面小程序商城源码,7款前后台小程序商城------学习干货（附预览图）

运行 建议使用VSCode+wept开发微信小程序，VSCode安装JWSnippets-For-VSCode就可以将wxml、wxss解析成html和css，而wept支持使用chrome来调试微信小程序。下面讲讲这两种方法的使用： JWSnippets-For-VSCode 下载安装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] 纯文本查看 复制代码 ? 1 "files.associations": { "*.wxml": "html", "*.wxss": "css"} Wing： [AppleScript] 纯文本查看 复制代码 ? 1 "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] 纯文本查看 复制代码 ? 1 2 3 npm i wept -g cd 微信小程序所在目录 wept -p 3100 启动之后直接在浏览器里打开localhost:3100并启用手机调试模式就好了。 启动后台接口 [AppleScript] 纯文本查看 复制代码 ? 1 2 3 4 5 6 7 8 9 启动mongodb mongod --config=E:\mongod_install\mongod.conf 启动redis redis-server.exe redis.windows.conf 启动接口 cd api node . 目录说明 [AppleScript] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 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获取书籍包括所有章节和一些其他信息的接口