某市级单位智慧社区移动端 H5 应用

我要开发同款
不在不再2023年04月03日
195阅读
所属分类H5网站

作品详情

需求覆盖:关联微信用户进行自动登录、疫情防控、数据采集、问题上报、用户权限控制等
技术栈:Vue3.2+Vue-Router@4+Vue-cli@5+Vuex@4+Sass+Vant3+Axios+Git
1. 使用 vue3.2 新增的 setup 语法糖进行开发
2. 在 APP.vue 中使用 keep-alive 缓存组件,通过监听每个路由 meta 参数中的 keepAlive 是否为 true,来动
态修改组件缓存的 include 数组,并 provide 暴露 clearCache 方法来移除 include 数组中的指定元素
3. 系统用户分为管理员和普通用户,调用接口获取当前系统用户信息,在前端对用户信息进行判断来决定用户允
许进行哪些操作
4. 在用户首次登录系统时,调用微信授权获取 code,再通过 code 获取每个用户相对公众号而言的唯一
openid,将此 openid 与当前要登录的用户进行关联,在非首次登录,只需调用 code 获取 openid 就知道哪个
用户要进行登录从而实现自动登录
5. 在公众号后台设置好 JS 接口安全域名后,引入 JS 文件,后端按照微信要求的方式和算法生成使用 JS-SDK 的
config 签名,并将生成签名的时间戳、随机字符串、签名返回给前端,前端再调用微信提供的 getLocation 方法
获取用户当前地理位置并在地图上标记出来
6. 封装系统中的分页、卡片信息、询问弹窗等公共模块组件,封装系统公共方法,将常用样式定义成 mixins
7. 对用户登录密码、隐私信息等数据前端通过 cryptoJs 插件进行 SHA1 加密后进行传输
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论