分为B端和C端的旅游APP,APP的壳子,使用vue及全家桶编写
B端为企业端用户,企业端为公司,旗下员工可以使用企业的账户进行下单操作;
C端为个人用户
该APP为用户提供酒店预定、机票预定、火车预定及下单售后的整个流程;也提供开票(普票、专票)等相关功能;
1、该项目使用的UI框架为VUE及全家桶;
目录结构如下:
1).node_modules:npm加载项目的依赖模块(包括安装的其他插件)
2).assets:资源文件
3).components:公共组件文件
4).router:前端路由文件(管理页面导航)
5).service:请求接口地址文件
6).store:仓库文件,应用级数据(管理共享数据)
7).utils:一些工具模块(request请求、日期处理、统一注册事件)
8).views:页面目录
9).App.vue:项目根组件
10).main.js:入口js文件(全局的使用的各种变量、js、插件 都在这里引入 、定义)
11).package.json:npm包配置文件
2、我负责架构设计及核心功能组件开发;包括项目创建、相关必须依赖选择安装、路由配置、关键组件包括(日期组件、url组件、header、tabs组件、公共弹框组件、自定义依赖包项目开发)
3、选择相关的移动端UI组件--vant
4、请求库 Axios 二次封装(设置url及相关请求拦截器)
5、前端鉴权方式:利用服务器端的 session和浏览器端的 cookie 来实现前后端认证;token的相关用户身份的验证方式
6、在对 axios 进行二次封装之后,前端请求的所有接口都会经过这个地方。在请求接口地址的文件中引入即可使用。
7、前端开发代理设置:使用vue中自带的proxy完成前端服务代理
8、功能开发阶段:正常进行业务开发工作(6人);
9、项目发布:使用Jenkins进行项目发publish