一. 背景
四年前,我通过培训机构学习了 PMP,系统的学习了项目管理知识体系,说实话,学完感觉确实是有用的,尤其在项目管理方面,一些管理思维确实能够帮助到自己。
如果说 PMP 是国外的项目管理知识体系认证,那么国内也有相关的项目管理认证,叫做【信息系统项目管理师】,简称软考高项。由于它和 PMP 知识点重合度比较高,因此在通过 PMP 考试后,我也备考了这一项考试!但是由于当时市面上存在着各种题库,杂乱无章,有些还需要收费,看广告。因此我决定自己做一款适合自己考试的小程序,帮助自己顺利通过考试。
为了帮助广大的软考和 PMP 考试的朋友们,我特地的将我多年前做的这款小程序分享出来,不管是在 PMP 领域还是在软考的领域,希望给大家在考试的道路上助力成功。正巧最近我也优化了一些 UI,以及更新了一些题库,希望能够帮助到大家。
二. 有题记小程序
1. 已完成功能
[x] 软考试题列表
[x] PMP 试题列表
[x] 考试模式(选择题、案例题、论文题)
[x] 背题模式(选择题、案例题、论文题)
[x] 基础知识学习
接下来我们看一下已完成功能的应用快照吧!
2. 首页-试题列表
试题列表.png
3. 考试模式
4. 背题模式
5. 考试解析、答题卡
6. 重要知识点总结
三. 架构
总结一下我在开发这款小程序时所用到的一些技术栈,主要是基于 uni-app + uniCloud 来开发的,不得不说,uni-app 用来开发小程序太便捷了!
1. 前端技术栈
(1)uni-app:基于 Vue 2.x
目前 uni-app 也已经有了支持 Vue 3.x 的版本,同时也有了 uni-app x 的问世,号称是下一代 uni-app,是一个跨平台应用开发引擎。然而我目前还没有精力去研究。
关于 uni-app,我写过了很多的文章,相关知识可以通过我的专栏进行了解,我会继续更新更多的有关 uni-app 的最佳实践解决方案,点击 掘金专栏:uni-app 前端开发了解,免费订阅获取更新。
(2)UI 框架:uView UI 1.0
关于 UI 框架,其实就是各种封装的轮子,如果用的顺手,能够大幅度提升你的开发效率。因为当时 uni-app 刚起步不就,用的人不太多,比较好的 UI 框架也不多,所以我简单对比了以下几款:
ColorUI:一款高颜值 css 库,已经停止更新了好长时间。
官方组件库: dcloudio/uni-ui,当时还不支持 npm 安装,坑巨多,现在可能好多了。
uView UI:提供了各种组件和工具库,挺好用。
对比这三款,它们各有优缺点。ColorUI 颜值高,但是内部的 css 样式修改了小程序的原生组件样式,我认为太粗暴了,就放弃了。官方组件库 uni-ui 太丑了,bug 也很多,也没选用。
最终选用的是 uView UI,也有一些问题,当时只有 1.0,并且还在不断完善中,现在也已经不断更新,也有了 uView 2.0,并且也兼容了 nvue
(3)个人开源框架 anyup/uni-ui
我崇尚简洁至上,仅需要简单的代码,就可以完成优秀的功能,能一行代码实现的功能,绝不两行代码。
因此,基于 uView UI,我又开发了一款适合自己项目的 uni-app 开源框架,与其说框架,不如说是为自己项目开发量身打造的工具库更为合适。
同时,这套工具库也是我在做 uni-app 项目中总结的一些最佳实践,公司内部使用良好。不过这也是多年前做的了,一直在断断续续维护中,最近也有计划,打算对它进行重构。
详细文档查看请点击:anyup/uni-ui 官方文档
官方文档.png
2. 技术架构
可能通过 uni-app,你完全可以从 0 到 1 开发一款产品交付给用户了,不再需要复杂的后端开发、服务器运维了。当然还是仅限于简单项目,有多简单,可以自行体会。有题记小程序是我通过 uniCloud 云开发平台完成的前后端交互,数据存储、下载等功能,接下来简单介绍一下:了解 uniCloud,独立自主的开发一款应用。
我总结整理了一下技术架构图,如下所示:
(1)云开发
uniCloud 是 DCloud 联合阿里云、腾讯云、支付宝云等,为开发者提供的基于 serverless 模式和 js 编程的云开发平台。提供 2 个免费服务空间,可以让你也可以拥有自己的服务器。我目前创建的是阿里云的服务器空间,将有题记小程序的云函数、数据库、前端代码部署在上面
(2)云函数
云函数是指在云端(服务器端)运行的函数。无需购买、搭建服务器,编写代码并部署到云端即可在客户端(App/Web/小程序等)调用,同时云函数之间也可以互相调用。
一个云函数的写法与一个在本地定义的 JavaScript 方法一样,代码运行在云端 Node.js 中。当云函数被客户端调用时,定义的代码会被放在 Node.js 运行环境中执行。
之后,我们可以如在 Node.js 环境中使用 JavaScript 一样在云函数中进行网络请求等操作。
例如,一个最简单的云函数如下写法:
// 云函数入口文件 index.js "use strict"; exports.main = async (event, context) => { // event为客户端上传的参数 let c = event.a + event.b; // 通过return返回结果给客户端 return { sum: c, }; };
(3)云数据库
uniCloud 提供了 2 个 nosql 数据库,如下:
JSON 文档型云数据库
阿里云版的云数据库是 MongoDB 的 serverless 版;数据库中的每条记录都是一个 JSON 格式的对象。对于我们 JavaScript 开发者而言,非常容易理解。
MongoDB 的传统操作方法还是比较复杂,uniCloud 提供了更多简单操作数据库的方案,包括类似 SQL 的 JQL 语法、clientDB 等技术,感兴趣的可以去官方网站了解。
redis 数据库
redis 是一种可以运行在内存中的键值对数据库,它的能力没有 MongoDB 强大,但由于可运行在内存中,它的性能远超常规数据库,同时它也使用 json 方式 key/value 键值对存储数据,目前我并没有使用到它,大家可以按需进行研究
关于操作数据库,在 uni-app 中,就如下述代码一样简单:
// 获取数据库对象的API const db = uniCloud.database(); // 获取名为 `table1` 数据表的引用 const table1 = db.collection("table1"); // 调用 add 方法,给数据表新增数据记录 table1.add({ name: "anyup" });
(4)云存储
云存储提供稳定、安全、低成本、简单易用的云端存储服务,支持任意数量和形式的非结构化数据存储,例如图片、文档、音频、视频、文件等。
(5)前端网页托管
uniCloud 同时也提供了前端网页托管的功能,可以将网站打包成 Web 传入,为 html 网页提供快速、安全、省心,关键是便宜的网站发布。
总结:如果你想要独立自主的开发一款适合自己的小程序,uniCloud 是一个不错的选择,当然,如果你有服务器,还会写后端语言,uniCloud 云开发的方式玩玩也是可以的,文末加我,有机会我们共同探讨,玩转前端开发!
四. 功能规划
1. 短期规划
[ ] 微信登录
[ ] 题库更新
[ ] 题目收藏
[ ] 计时考试
[ ] 错题回顾
[ ] 论文鉴赏
2. 长期规划
虽然在目前,小程序仅仅做了软考高项和 PMP 的考试和知识点的学习,但是在我的规划中,是有将目前的软考相关考试整合到这款小程序中的,主要包括以下:
高级:系统分析师、系统架构设计师、网络规划设计师、系统规划与管理师...
中级:软件设计师、网络工程师...
等等...
以上比较热门的考试,如果对这些考试的需求量大,我也可以考虑将题库引入。
五. 说明
1. 完全免费
在小程序中,所有题库免费查看,还有题目解析,而且没有任何广告。但是由于现在用的人少,就是担心将来用户增多,我那免费的服务器能否撑住?
2. 题库更新
目前仅仅上了做题系统,软考题库的的时间为 2018-2022,PMP 题库是基于第六版 PMBOK 指南教材的,后续有时间我会继续更新最新的题库。
因为我经历了 PMP 考试和软考高项。反向学习,通过题库汲取有用的知识,我觉得这是最能巩固自己记忆知识点的方式,当然肯定也需要你提前对基础知识的了解才可以,切勿盲做。
六. 获取
小程序名称:有题记
由于小程序未进行微信认证,当前在小程序市场搜索不到,同时在掘金又不方便放二维码,所以通过以下方式获取。
欢迎加我微信号:anyupxing,拉你进入考试技术交流群,大家共同学习,相互激励进步。
欢迎关注公众号:前端梦工厂,通过公众号获取,技术分享并不局限于前端知识,可以是任何提升能力的分享。
欢迎关注掘金:anyup
结语
我当前是一名前端开发者,如果你愿意与我互相学习交流,欢迎来聊天;我们可以共同探讨前端技术,一同提升自我,微信号:anyupxing