关于记忆:用uniapp和springboot做出的高效记忆小程序技术点总结
长期起意老早前就据说过一些高效记忆的办法,其中听的最多的就是艾宾浩斯记忆法和费曼学习法。 恰好赶上过年放假,就在想除了吃吃吃之外,还无能点什么。 原本想学习理财的常识,一看概念还真不少,什么市盈率,市净率,ROI,XXX。 怎么学的牢固点不容易忘呢?一搜高效学习的办法,这俩货又进去了,那罗唆把他们联合起来做个小程序好了。 产品概念作为一个和产品经理奋斗多年的老后端,终于有一天要思考产品怎么出现了,有种苍天饶过谁的感觉。。 记得之前吐槽产品最多的话就是:产品逻辑这么简单,我都了解不了,让用户怎么用。 本着这个准则,做进去的货色就是要简略,简略,再简略。看一眼就晓得怎么用。 所以这个程序实质上就三个点: 内容输出艾宾浩斯曲线温习。共有8个阶段,依据笔记创立工夫判断是否须要温习。费曼学习法-讲进去 开发框架最终抉择的开发组合是uni-app + springboot。 后端服务就是用本人最相熟的springboot,同时应用一个十分好用的微信开发包:weixin-java-miniapp 在小程序端的框架抉择上是费了点工夫。因为之前有过一些vue的根底,就想着最好还是用vue来做,那么小程序的vue框架就有个mp-vue。 然而这时的想法是,万一之后用户多了,是不是能够搞出ios和android的app呢(幻想是要有的,万一实现了呢)。起码PC页面还是要做一个的。 基于这些思考,就须要一个基于vue开发的多端代码生成框架,最终抉择了uni-app。 uni-appuni-app官网提供了一个编辑器HBuilderX,然而对于新学一个编辑器感觉没有必要,应用vscode开发也是能够的。 这里通过@vue/cli来创立环境,搭建只须要两条命令。 创立代码库:vue create -p dcloudio/uni-preset-vue my-project生成微信小程序代码:npm run dev:mp-weixin之后应用微信小程序官网开发工具,关上uni-app生成的代码目录就能够了,dev命令是实时监听批改的,开发体验还不错,上图。 登录通过uni-app的对立登录接口,能够获取到微信小程序中的openid等信息,这里发送到后端,用来创立零碎用户。 后端创立或登录胜利后返回一个token,将token缓存到手机中,在之后的每次申请中发送给后端。 login() { var that = this; uni.login({ provider: 'weixin', success: function (res) { // 获取用户信息 uni.getUserInfo({ provider: 'weixin', success: function (infoRes) { that.$request({ header: { 'X-WX-Code': res.code, 'X-WX-Encrypted-Data': infoRes.encryptedData, 'X-WX-IV': infoRes.iv, }, url: "/user/wx/login", }).then(res => { uni.setStorageSync("mkey", res.data.mkey) //保留用户信息 uni.setStorageSync('userInfo', res.data.mainUser); that.$goto('/pages/home/home') }) } }); } });}封装request函数实现加载中成果小程序中申请api会有期待的工夫,要在每次申请时加一个期待申请的页面提醒,通过封装底层的request,对立加期待成果。 ...