泛微 e-cology 9.0 二次开发模板
快速启动说明
写在前面
目前包含以下开发模板,并附带源代码路径
此后的步骤是从后端开发环境搭建到前端开发环境搭建的整个过程
(1)纯表单,添加保存包括后台:
前端 src4js/pc4ns/demo01
后端 src/engine/demo/demo01
(2)纯表单(带级联):
前端 src4js/pc4ns/demo02
后端 src/engine/demo/demo02
(3)纯列表(带查询):
前端 src4js/pc4ns/demo03
后端 src/engine/demo/demo03
(4)纯列表(带查询、带树):
前端 src4js/pc4ns/demo04
后端 src/engine/demo/demo04
(5)纯列表(带查询、带tab):
前端 src4js/pc4ns/demo05
后端 src/engine/demo/demo05
(6)报表型列表(带查询),字段多的时候滚动方式:
前端 src4js/pc4ns/demo06
后端 src/engine/demo/demo06
(7)报表型图表(带查询):
前端 src4js/pc4ns/demo07
后端 src/engine/demo/demo07
(8)完整增删改:
前端 src4js/pc4ns/demo08
后端 src/engine/demo/demo08
1、后端开发环境配置
(1)指定前端源码目录,右键src -> mark directory as -> sources root
(2)修改环境配置,file -> project structure -> project 安装和指定jdk1.8
(3)把本地demo环境拷贝到/ecology目录中,准备好resin4环境(在技术门户->产品包下载->ec9安装包下载)
(4)引入e9依赖的lib,file -> project structure -> sdks /ecology/classbean、/ecology/web-inf/lib、resin4/lib
(5)配置编译后目录:file -> project structure -> modules -> paths -> use module compile output path,然后保存
[你放git项目的路径]/ecology-9-demo/ecology/classbean
(6)进行编译build->build project,之后就可以看到/ecology/classbean生成
注意要删除一个影响编译的jar,路径在/ecology/web-inf/lib/ecloudstore.jar,这个文件在新版本会直接重置成0kb,旧版本kb下要自行处理
另外需要注释掉webxml中一个过滤器,如果存在的话,此过滤器后续版本也会统一清除
(7)配置resin,Run/Debug Configurations指定resin4位置,Deployment添加/ecology路径,选择resin.xml作为配置文件
注释掉resin自带编译,如果不注释会导致无法编译jsp
修改root-directory,如果指定错误会导致404报错
(8)启动resin进入开发环境,如果没有成功部署ec环境到本地的,可以手工拷贝编译后的/ecology目录到服务器
2、指定要编译的项目以及源码
此步骤作用是配置前端源码路径和编译路径,修改webpack-config.js文件添加自定义配置:
config = {
entry: '../src4js/pc4ns/demo01/index.js',
entry4single: '../src4js/pc4ns/demo01/single.js',
entry4debug: '../src4js/pc4ns/demo01/debug.js',
buildPath: '../ecology/spa/nonstandard/demo01',
servedPath: '/ecology/spa/nonstandard/demo01/',
cssName: 'index.css',
jsName: 'index.js',
jsSingleName: 'index4single.js',
htmlName: 'index.html',
htmlTemplate: 'index.html',
library: 'weansDemo01',
libraryTarget: 'umd'
};
也可以添加内置配置,具体详细配置在weapath4e9.js看:
config = paths[argv.pubModule || 'ns_demo01'];
并确保导出的配置信息是最后一次定义的:
module.exports = config;
3、进行包下载以及编译
第2步指定好位置之后,可以进行编译,需要在操作系统控制台执行命令:
安装nodejs,要求6.x以上
进入目录
cd src4js-pctool-v1
安装yarn
npm install -g yarn
安装命令
yarn install
编译命令
yarn build
以步骤2的配置为例,编译后到此项目的ecology/spa路径下就生成了所有文件,把ecology文件复制到具体ecology运行环境中
4、 查看运行结果
以步骤2的配置为例,地址为:/spa/nonstandard/demo01/index.html
其它demo以此类推
5、 其它选项
如果需要配置新模块请修改:
/sr4js-pctool-v1/webpack.config.prod.js、/sr4js-pctool-v1/webpack.config.dev.js
下的externals参数
如果需要支持打包后显示console内容,请修改:
/sr4js-pctool-v1/webpack.config.prod.js、/sr4js-pctool-v1/webpack.config.dev.js
drop_console参数为false,但一定注意更新生产环境时,要去除所有console,建议打开
开发文档在线地址
二开培训视频说明
(1)e9前后端开发环境搭建
(2)e9前后端技术学习指引
(3)e9下如何实现一个查询页面
(1)回顾第一期内容
(2)如何调试(前端、后端)
(3)如何无侵入复写样式以及简单的dom操作
(4)表单开发入门
(5)后端无侵入开发入门
代码编辑器内测版
一、代码编辑器介绍
它是一个e9前端在线代码开发并在线局部编译的工具,用来支撑EC未来的前端二次开发。
二、目前开放的开发场景
1、流程表单扩展在线开发(pc、mobile)
2、新页面在线开发
3、门户主题开发
4、门户元素开发
其它场景陆续整理发布
三、和线下前端开发的区别
1、不需要搭建脚手架,进入地址即可开始开发,没有环境限制
2、可以局部替换,不需要全模块替换,避免全模块替换的各种风险
3、支持所有页面开发,语法上主要是模块导入导出有小差异
4、可以在线记录版本,可追溯
5、二次开发不用搭建环境,直接进入客户环境进行开发,或者开发完直接跨环境原样导入
6、可方便进行代码共享
三、如何使用
2、进入代码编辑器地址为:/ecode
4、参考案例并根据案例的注释向导进行开发