前言:
- 2月18日于端点对接人马俊商讨,项目前端部分开发工作正在评估中,技术选型需要根据产品需求给出最终方案,一共有两种备选方案:
- 如果跟现有后台系统有关联,技术选择jquery+handlebars,该技术栈比较老,开发后台项目优势少,但是为了配合之前后台系统,只能用同样的选型。
- 如果是独立项目,选择用react框架开发,react开发后台系统平台功能强大,可以用数据驱动页面展示,能更好的分离数据和逻辑业务,开发起来更系统清晰,还有开源的类似antd的组件库,在功能性的表单、列表、布局上更有优势。(ps:前端需要学习react hooks新语法)
- 2月27日,端点通知管配商后台、图书馆后台、PC前台我们可以采用新技术栈。出版社后台可能采用新的也可能是老的,还要再评估下决定。只有运营后台的用老的技术栈。持续跟进项目中。
git权限:
开通source.xinhuashudian.com代码仓库,先发邮件,邮件发送详情如下:
开通代码权限发光润(sheguangrun@xhsd.com),抄送tech-devops和其他前端小组成员,邮件内容列出需要开通权限的git仓库名,我们有git(source).xinhuashudian.com两个gitlab,并列出开通项目的项目名称(运维负责人:孙庆),馆配会项目成员身份权限需要联系端点马俊(钉钉)开通。
馆配会项目列表
- 图书馆后台、馆配商后台git地址:http://source.xinhuashudian.com/fe/yanan-lib-hub.git
git clone http://source.xinhuashudian.com/fe/yanan-lib-hub.git
npm install //安装依赖
将 scripts/dev-config.js 复制到根目录并重新命名为 dev.config.js。(切勿从其他项目复制,详细配置参考readme)
mysql新建任意名称表单,对应dev.config.js文件本地的数据库名称地址账户密码//装修系统打开配置注意要点
mysql.server start //启动mysql
redis-server //启动redis
npm run dev //需要构建生成本地public文件,并对代码进行监控 //node服务监控
配置host //任意跟装修项目对应的域名
用nginx设置去掉访问地址里的端口 //不去掉也不影响项目运行,参考proxy_pass配置: https://acuario.xyz/how-to-use-reverse-proxy-to-hide-server-port/
npm run start //启动项目,log里有服务端口信息
dev.config.js需要注意装修组建配置
- 馆配会项目前后台git地址:http://source.xinhuashudian.com/fe/yanan-lib-fe.git
装修系统
装修系统数据请求转接地址在dev.config.js文件里的backendUrl变量值
backendUrl: https://portal-web-dev.xinhuashudian.com/(开发环境地址) https://portal-web-test.xinhuashudian.com/(测试环境地址)
装修系统路由地址:/system/sites
在装修系统里面新建项目
新建完站点后开始装修,装修组件开发测试在装修系统装修页面内,在design目录下按照要求创建组件,在design-map.js和design.json里写入引用映射关系,即可在装修页面内通过watch模式开发。
- 开发分支结构,正式项目分支在master,测试项目分支在develop,开发项目分支在feature/latest。