新拟物风的第一次尝试(已开源)

737 阅读2分钟

小桃答题 | 新拟物 答题小程序

📑 介绍

  • 新拟物风格
  • 主要面向答题,考研,测试,排行
  • 无须服务器, 无须域名

微信小程序

目前仅适配开放微信小程序, 后续适配其他平台小程序

扫描下面二维码可体验 👇

小程序图片

💡 软件架构

🕹 应用截图

功能 对应界面
首页
首页
选择目标 (真机流畅,gif 卡顿)
选择目标
答题页面
答题页面
答题流程
答题流程
选择课程分类
选择课程分类
排行榜
排行榜
收藏列表为空
收藏列表为空

🚀 安装教程

应用注册

  1. 先注册微信小程序, 将项目中 src/manifest.json 的 appid 更改自己的 appid(在微信后台开发/开发设置中)
  2. 知晓云注册账号后, 按指引流程接入后获取 key, 替换项目 App.vue 中 wx.BaaS.init("xxxxxxxxxxxxx")位置!;

    为什么没有用云开发, 单纯是因为知晓云的后台操作起来方便些, 当然个人觉得目前云开发功能在微信小程序上是比知晓云强大

  3. 导入 data/structure 内的 json 文件 生成数据结构(点击可以看操作图片哦!)
  4. (可选) 可导入 data/mock 内的 json 文件作为初始数据导入 mock 数据

安装环境

第一步: node 安装

用于编译 javascript 代码 node 安装地址

  • windows 选择 msi
  • mac 选择 pkg

    一键安装环境啥的最适合我了

第二步: 执行编译命令

在项目目录下执行

npm install -g @vue/cli & npm run dev:mp-weixin

🧰 懒人模式

这个就是让小桃帮你部署, 给她买条裙子 👗 的费用部署(199), 当然如果后面有新版本更新的话也有优先推送, 有少量需求也可以满足下. 下面是小桃的微信 👇

名片

❤️ 最后

如果这个项目对你学习, 工作或是其他需求有帮助的, 点个赞呗 💃💃💃