# 人才图谱系统-UNIAPP ## 目录结构 ~~~ ┌─api 接口目录 │ └─app.js 核心接口 │─components vue uni-app组件目录 │ └─cate-two 分类树组件 │ └─footprint-list 足迹列表 │ └─loading-footer 加载组件 │ └─loading-view 加载组件 │ └─mescroll-uni 下拉刷新和上拉加载的组件 │ └─search-list 搜索列表 │ └─tab 标签页 │ └─tabs 标签页 │ └─talents-list 人才列表 │ └─uview-ui uview-ui组件(version 1.8.3) ├─config 配置文件目录 ├─pages 业务页面文件存放的目录 │ ├─feedback 意见反馈 │ ├─index 首页 │ ├─kanban 人才看板 │ ├─login 登录 │ ├─search 搜索 │ ├─talents 人才 │ └─user 个人中心 ├─static 存放应用引用的本地静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此 ├─store 状态管理目录 ├─styles css样式表目录 ├─uni_modules uni模块 ├─utils 帮助工具目录 ├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期 ├─main.js Vue初始化入口文件 ├─manifest.json 配置应用名称、appid、logo、版本等打包信息,详见 ├─pages.json 配置页面路由、导航条、选项卡等页面类信息,详见 └─router.js 路由配置 └─uni.scss 这里是uni-app内置的常用样式变量 └─vue.config.js vue配置 ~~~ ## HbuilderX开发运行&发行 ### 运行H5 - 导入项目,点击HbuilderX左上角菜单文件>导入>从本地目录导入,选择前端代码根目录 - 运行到h5,点击HbuilderX左上角菜单运行>运行到浏览器>Chrome - 浏览器打开控制台本地链接 ( 浏览器跨域配置: https://nodelog.cn/content/detail?id=64ec6d404f64da9685279384&view=contentDetail ) ### 发行到H5 - 点击HbuilderX左上角菜单发行>网站-PC Web或手机H5(仅适用于uni-app),输入网站标题,点击发行按钮,编译完成后可在uniapp/dist/build/h5下 - 将h5下面的代码复制到发布目录(后端根目录/mobile/),然后上传代码到服务器或仓库即可