NCCloud全流程开发介绍
演 讲 者 : N C C l o u d 培 训 委 员 会
日 期 : 2 0 1 9 年 6 月 2 5 日
目
录
C
O
N
T
E
N
S
开发工具、环境介绍
NC与NCCloud对比及架构设计
小应用全流程开发
1
2
3
4 公共项目
5 报表开发
6 性能优化
开发工具和环境介绍
1.1 NCCloud开发工具
前端工具
1.前端开发工具VSCode
2.前端运行时Nodejs
3.前端脚手架ncpub-multipage-demo
4.谷歌浏览器
1.1 NCCloud开发工具
后端工具
1.eclipse+MDE插件+jdk1.7(或UAPStudio)
2.中间件NCCHome
3.部署工具(deploy.bat+tool.jar)
4.发布工具(publish.bat)
1.2 前端开发环境搭建准备
VSCode
Node.js
NCCloud脚手架
1.2 前端开发环境配置
1.用VSCode打开脚手架目录
apps——平台暂定用于开发NCCloud工作桌面小部件的目录,后续提供小部件
开发文档再详细说明
config——平台配置webpack(支持多种插件的一个模块打包器,还有webpack-
dev-server——Node.js的Express服务器)的配置目录,包括开发环境的服务器
启动和代理和生产环境编译等信息
node_modules——执行npm install命令安装的依赖的npm包下载目录
src——平台和业务组要实现具体业务的源码目录,下面分模块名/业务组件名/功
能节点名/页面名(list或card或tree)/index.js,index.js为固定页面入口文件,其
他页面相关初始化页面相关模板编辑事件点击按钮等业务代码
.babelrc——Babel(webpack编译es6代码的插件)配置文件
.gitignore——git版本管理的忽略目录配置文件
config.json——平台对外提供的配置webpack服务的几个参数
index.html——页面模板,所有页面的html基本代码
LICENSE——npm项目的授权文件
package.json——定义npm项目信息,开发环境和生产环境需要依赖的npm包
postcss.config.js——postcss(利用JS插件来对CSS进行转换的工具)的配置文件
1.2 前端开发环境配置
2.更新前端开发环境:
将NCHome下列文件夹复制到脚手架src目录下:
${nchome}\hotwebs\nccloud\resources下的platform、lappreportrt、uap、uapbd