logo资料库

2019年12月份培训资料--NCCloud全流程开发体系(1).pdf

第1页 / 共169页
第2页 / 共169页
第3页 / 共169页
第4页 / 共169页
第5页 / 共169页
第6页 / 共169页
第7页 / 共169页
第8页 / 共169页
资料共169页,剩余部分请下载后查看
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
分享到:
收藏