青浦一张图建设前端系统

wdq c716b88895 更新 readme.md 3 days ago
public 1a41092a40 first commit 3 days ago
src 1a41092a40 first commit 3 days ago
.gitignore 1a41092a40 first commit 3 days ago
README.md c716b88895 更新 readme.md 3 days ago
jsconfig.json 1a41092a40 first commit 3 days ago
package-lock.json 1a41092a40 first commit 3 days ago
package.json 1a41092a40 first commit 3 days ago
vue.config.js 1a41092a40 first commit 3 days ago

README.md

qp_onemap

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

路线

vue + axios + element-plus + less

业务模块对应关系

skszk 时空算子库 skmh 时空门户 wgn 微功能 yygl 应用管理 xxfk 信息反馈 yxgl 运行管理

业务模块说明

src路径下的api、assets/images、components、views中都有以 模块名称首字母英文命名 的文件或文件夹

注:example相关文件、文件夹、变量皆为示例用途

api 为接口文件夹,存放各模块接口调用的js文件,使用时可参照 api/example.js 中的代码为例,将各自模块的接口使用集成到各自的文件中;

api/common.js为通用接口js文件,例如登录接口、认证接口,其他模块在使用时可做参考文件使用;

引入需要使用的请求方法,拼接请求,export导出方法,在需使用方法的vue中import对应js文件后使用方法;

各类使用方法可在src/utils/request.js中查找,若缺少可补充完善

可参考App.vue文件中登录接口的使用方法。

assets为静态资源目录,主要用于存放静态图片,assets/images为静态资源图片目录。

components 为vue组件库,在路由中如果有需要集成的组件可以放置在相应目录中,在集成到views里相应路由中。

views为路由视图文件夹,已创建各模块的父级路由;

根据各模块需要制作的页面,在相应的文件夹下创建子路由vue文件;

若有 新增/删除 子路由 的情况,需同步在router中进行更新。

通用文件说明

public/static中,config文件夹下config.js用于定义全局变量文件夹,各模块需要使用的全局变量需在config对应的各模块下定义,用以区分避免混淆;

地图开发

参考 views/example/Map.vue

其他

系统默认登录,登录请求在App.vue中,登录后用户信息、token存放在localStorage中,可使用 localStorage.getItem("token")获取;

接口在请求时无论当前接口是否需要token,在请求头中都会添加token,配置在src/utils/request.js中

若开发过程中哪有不妥之处可以跟我沟通,若创建分支开发,模块开发完成后请合并到主分支中