# devster-h5 **Repository Path**: LeonJay/devster-h5 ## Basic Information - **Project Name**: devster-h5 - **Description**: 访客系统前端h5 - **Primary Language**: JavaScript - **License**: LGPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 1 - **Created**: 2021-06-30 - **Last Updated**: 2026-01-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ~~## anranweb-app~~ ## 访客 系统 UNIAPP #### 介绍---- ~~安然网H5版。使用uni-app框架搭建。~~ 访客系统前端H5 Author:GNLEON ## 项目安装 1、克隆该项目git clone 仓库地址 2、HBuilderX导入项目或打开目录，点击 运行(R) -> 运行到浏览器 -> chrome , 运行成功后打开微信调试工具,根据HBuilderX的命令行提示地址(loclahost:8080/h5),从微信调试工具运行项目效果. 3、本地调试跳转到线上地址的问题。 首先访问一次线上页面,复制其中接口的token,在封装的请求文件中,设置uni.setStorageSync('token',复制到的token),进行本地调试. （涉及到的文件App.vue、common/http_request.js） 4、请确保项目正常运行,才进行升\降级依赖,随意升\降级任何插件,会导致项目中旧代码与升\降级后产生差异或缺陷，请注意。 ## 代码提交 ### 这里仅说明代码提交时的注意事项 1、master主分支仅效力于其中的一个线上环境,当前默认是正式环境,开发人员应协商好主分支存放正式环境或测试环境,以免配置文件混乱. 2、保留一个备份分支,作为长期的备份 ## 打包上传 ### 上传前先备份原有线上版本(正式环境必须,测试环境视情况) 1、修改对应环境配置文件,可使用HBuilderX 查找->多文件 查找, 替换对应环境appid，域名 2、HBuilderX -> 发行 -> 网站-PC或手机H5. 3、上传至站点/public/wap下 #### 修改项目中的状态逻辑,请先参考main.js中的各个方法 ## 项目结构 ``` ├─.gitignore ├─App.vue //入口 ├─main.js //全局 ├─manifest.json //UNI-APP配置文件 ├─package-lock.json ├─package.json ├─pages.json ├─README ├─README.md ├─uni.scss //UNI-APP常规样式 ├─store //VUEX | └index.js ├─static //存放图片\文字\等静态文件 ├─pages //视图 | ├─.gitignore | ├─yuyuejilu | | ├─deptvister.vue | | ├─mainyuyuejilu.vue | | ├─recordDetails.vue | | ├─visterlist.vue | | └yuyuejilu.vue | ├─yaoqing | | ├─fangxiang.vue | | ├─fenxian.vue | | ├─invitationModification.vue | | ├─invitationRefuse.vue | | ├─InviteQrCode.vue | | ├─useraddvisitors.vue | | ├─xiangqing.vue | | ├─yaoqing.vue | | └yaoqinglist.vue | ├─user | | ├─certificationtype.vue | | ├─conpanyaud.vue | | ├─enterprise_i.vue | | ├─pointsrecord.vue | | ├─share.vue | | ├─user.vue //首页 | | ├─userAdd.vue | | ├─userList.vue | | ├─userMessage.vue //个人信息 | | ├─visitorauditDetails.vue | | └visitor_audit.vue | ├─Trainingtopics | | ├─topicsAdd.vue | | ├─topicsModify.vue | | ├─trainingDetails.vue | | └trainingTopicslist.vue | ├─subject | | ├─answerResults.vue | | └problem.vue | ├─sign | | ├─sign.vue | | ├─signData.vue | | ├─signInfo.vue | | └signMap.vue | ├─shouquan | | ├─conpany.vue | | ├─idcardsuccessful.vue | | ├─renlian.vue | | ├─renliansuccessful.vue | | ├─shenfen.vue | | ├─shengfen.vue | | ├─shibai.vue | | ├─shouji.vue | | ├─shoujitest.vue | | ├─shouquan.vue | | ├─successful.vue | | └yingye.vue | ├─securityguard | | └useraudit.vue | ├─reg | | └reg.vue | ├─qrcode | | ├─code.vue | | ├─departmentqrcode.vue | | ├─doorkeeperqrcode.vue | | ├─usercode.vue | | └visitors.vue | ├─pwd | | └pwd.vue | ├─myyuyue | | ├─appointmentDetails.vue | | ├─appointmentDetailsadu.vue | | ├─myyuyue.vue //我的预约 | | └myyuyuex.vue //被邀请 | ├─message | | ├─messagecenter.vue | | ├─messagedetails.vue | | ├─messageList | | | └messageList.vue | | ├─messageAdd | | | └messageAdd.vue | ├─member | | ├─umemeber.vue | | └umemeber2.vue | ├─main | | └main.vue | ├─login | | └login.vue | ├─laivisit | | └laivisit.vue | ├─fen | | └share.vue | ├─Departmentmanagement | | ├─addDepartment.vue | | ├─addPersonnel.vue | | ├─departmentManagement.vue | | ├─departmentPersonnel.vue | | ├─invitationLink.vue | | ├─inviteColleagues.vue | | ├─sharedepartment.vue | | └usersharedepartment.vue | ├─comster | | ├─comster.vue | | ├─comster_adu.vue | | ├─detailedRecords.vue | | ├─setLongvisitors.vue | | └visitorDetails.vue | ├─charts | | └charts.vue | ├─bumen | | └bumen.vue | ├─article | | ├─articleInfo.vue | | ├─cardArticle.vue | | ├─iostest.vue | | └sysArticle.vue ├─components //UNIAPP市场插件,或自定义的组件 ├─common //公共文件夹(各种封装方法、工具存放) | ├─anstyle.css | ├─base.css //通用全局样式 | ├─common.js //通用全局方法 | ├─getUrlParam.js | ├─graceChecker.js | ├─http_request.js //封装vmeitime-http的请求插件 | ├─md5.js | ├─uni.css | ├─util.js | ├─utils.filter.js | ├─vconsole.min.js | ├─wechatshare.js | ├─vmeitime-http //请求插件 | | ├─cofig.js | | ├─index.js | | ├─interface.js | | ├─readme.md | | └requstx.js | ├─api //存放所有后端API接口 | | ├─appointment.js | | ├─company.js | | ├─department.js | | ├─main.js | | ├─pool.js | | ├─topics.js | | ├─user.js | | └visiter.js ├─.hbuilderx | └launch.json ``` #### 软件架构 软件架构说明 ~~~ ┌─common 第三方JS或公用css │ └─vmeitime-http 所有的接口 ├─components uni-app组件目录 │ └─comp-a.vue 可复用的a组件 ├─pages 业务页面文件存放的目录 │ ├─index │ │ └─index.vue index页面 │ ├─comster 访客管理页面 │ │ ├─comster 访客列表页面 │ │ ├─visitorDetails 访客详情页面 │ │ └─detailedRecords 来访客人详细记录 │ └─list │ └─list.vue list页面 ├─static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此 ├─main.js Vue初始化入口文件 ├─App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期 ├─manifest.json 配置应用名称、appid、logo、版本等打包信息，详见 └─pages.json 配置页面路由、导航条、选项卡等页面类信息，详见 ~~~ #### 使用说明 ~~~ #开发模式 使用HBuild打开项目，点击“运行”-“运行到浏览器”-“chrome”。 #生产模式 使用HBuild打开项目，点击“发行”-“网站-H5手机版”。 ~~~ #### 其他 >其他信息请参考[uni-app官方文档](https://uniapp.dcloud.io/quickstart)