泛微 没有html模版,ecology-9-demo

泛微 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、参考案例并根据案例的注释向导进行开发