131 lines
4.2 KiB
Markdown
131 lines
4.2 KiB
Markdown
# 通用框架
|
||
|
||
- 编码工具 使用 VSCODE
|
||
|
||
```bash
|
||
安装如下插件：
|
||
Chinese (Simplified)
|
||
ESLint
|
||
HTML CSS Support
|
||
minapp
|
||
Prettier - Code formatter
|
||
Prettier ESLint
|
||
Protobuf support
|
||
stylelint
|
||
Vetur
|
||
Vue 2 Snippets
|
||
markdownlint
|
||
```
|
||
|
||
- 版本控制
|
||
|
||
```bash
|
||
该项目未做版本控制，无公共或私有代码托管仓库
|
||
```
|
||
|
||
- 页面说明
|
||
|
||
```bash
|
||
"pages/index/index", //首页
|
||
"pages/mycomment/mycomment", //评价提交/评价查看页面
|
||
"pages/comment/comment",//我的评价页面
|
||
"pages/help/help",//帮助反馈
|
||
"pages/projectInfo/projectInfo",//任务详情
|
||
"pages/sala/sala",//我的工资
|
||
"pages/myProject/myProject",//我的任务
|
||
"pages/mapSeach/mapSeach",//地图搜索
|
||
"pages/project/project",//抢任务
|
||
"pages/addIcCard/addIcCard",//添加银行卡认证
|
||
"pages/icCard/icCard",//我的银行卡认证
|
||
"pages/realName/realName",//实名认证
|
||
"pages/setUserBase/setUserBase",//设置个人信息
|
||
"pages/userBase/userBase",//个人信息
|
||
"pages/resume/resume",//简历
|
||
"pages/my/my",//我的页面
|
||
"pages/news/news",//消息页面
|
||
"pages/newsList/newsList",//消息列表
|
||
"pages/newsDetail/newsDetail",//消息详情
|
||
"pages/set/set",//设置页面
|
||
"pages/login/login",//登录页面
|
||
"pages/addSkill/addSkill",//编辑职业技能
|
||
"pages/skillLevel/skillLevel",//职业技能水平
|
||
"pages/skill/skill",//我的技能
|
||
"pages/addInd/addInd",//添加行业
|
||
"pages/changePhone/changePhone",//修改手机号
|
||
"pages/setCode/setCode",//验证码获取
|
||
"pages/seach/seach",//公共搜索页面
|
||
"pages/bankList/bankList",//银行列表
|
||
"pages/setCity/setCity",//选择省份
|
||
"pages/cityInfo/cityInfo",//选择城市
|
||
"pages/setWskill/setWskill"//想学习的技能
|
||
```
|
||
|
||
- 目录命令规范
|
||
|
||
```bash
|
||
unpackage/dist/build 生成的目标代码，用小程序开发者工具最终打开的代码，并上传到小程序服务器的最终运行代码
|
||
docs/ 当前项目相关的说明文档
|
||
node_modules/ 当前项目编译所依赖的 JS 扩展
|
||
/ 源码目录
|
||
/main.js 入口文件
|
||
/pages.json 入口文件配置
|
||
/uni.wxss 全局样式
|
||
/components/ 组件存放
|
||
/static/ 本地图片存放
|
||
/utils/ 自己写的工具类函数方法
|
||
/utils/filters.wxs 在页面中使用的工具类函数
|
||
/lib/ 外部引入的工具类函数方法
|
||
/api/ api请求函数方法(可不使用)
|
||
/pages/ 主包页面，里面一级文件夹代表一个模块，二级文件夹代表一页 eg： /pages/index/index 首页; /pages/my/my 我的页
|
||
/packageXXX/ 子包以 package 开头，再加特性名，比如 packageCard 里面一个文件夹代表 1 个页面（该项目未用分包）
|
||
```
|
||
|
||
- 技术规范和要求，参见如下
|
||
|
||
```bash
|
||
项目未使用云开发及云存储
|
||
未使用小程序鉴权授权及h5鉴权授权
|
||
服务器需配置ssl证书，保证h5访问及接口访问地址为htts://(http://访问会导致h5或小程序不可用)
|
||
```
|
||
|
||
- 跨域问题
|
||
```bash
|
||
官方解决方案
|
||
https://ask.dcloud.net.cn/article/35267
|
||
最方便的还是后端设置允许跨域
|
||
跨域问题仅存在于h5生产/测试环境
|
||
```
|
||
|
||
- components使用
|
||
|
||
```bash
|
||
页面与组件之间通过数据属性和事件属性来通信
|
||
/companyList 任务列表组件 传入单个任务信息 项目内所有任务列表均使用该组件。
|
||
使用时需传入comment参数 开始或关闭评价列表样式
|
||
/uni-nav-bar 头部导航组件
|
||
/v-tabs tabs切换组件
|
||
/mark-slid-list 搜索组件-搜索结果高亮
|
||
```
|
||
|
||
- testdata测试数据
|
||
|
||
```bash
|
||
/common/textdata.js 测试数据存放地址
|
||
```
|
||
|
||
- 其他注意事项
|
||
|
||
```bash
|
||
当项目在华为手机上运行时 并且页面存在两个（包括两个）以上input时
|
||
注意两个input的type类型要一致
|
||
ep：
|
||
<input type='text' />
|
||
<input type='text' />
|
||
当不一致时，会出现闪屏，输入框消失等bug
|
||
ep:
|
||
<input type='number' />
|
||
<input type='text' />
|
||
***
|
||
在华为手机上运行h5并且页面中存在input时 页面样式慎用 position: fixed;position: absolute;
|
||
input聚焦弹起输入框会使页面真实高度发生改变
|
||
``` |