一款 OTA 出行项目,融入前后端全栈技术,使用开放式跨端跨框架 Taro 创建微信小程序。
- 一键微信登录功能和服务端 JWT 身份认证
- 腾讯地图逆地址解析和实时定位功能
- 实现 ScrollView 视图区域渲染功能
- Vue3 + Pinia 全新生态系统构建前端页面
- 使用即时设计还原移动端 APP 设计稿
- 使用 NutUI-Vue 组件库提升页面开发效率
- 二次封装 Taro.reuqest 使前端发送请求更加便捷
- Express 搭建服务端接口,Mysql 进行数据库管理
-
项目前端运用 Taro 原生组件库及大量原生态 API 构建,并且搭配微信开发者文档进行功能的对接。另外使用 Vue3 框架进行页面搭建,Webpack5 进行项目编译打包。同时使用了 Eslint 进行代码审查和修复。
-
项目服务端使用了 Mysql 来存储用户 openid、订单信息、机场信息等数据,同时使用 Express 框架来部署接口,供前端项目调用。并使用 Axios 从网络中爬取数据存储到本地数据库中。
所用到的技术栈有:
Taro、Vue3、Pinia、Typescript、ES6、Sass、Mockjs、Express、Mysql、Axios、Webpack、微信小程序等
项目笔记:https://github.com/cocoonnu/WebProjects/blob/main/Markdown/Taro/Taro.md
设计原稿:https://js.design/community?category=detail&type=resource&id=63bd32df638c092027b13972