SupermapWeb3DDemo

AppX

基于 Require、JQuery、Lodash、Typescript、Gulp等构建的模块化 Web App 框架。 具有：自动化、模块化、懒加载、高兼容性 以及 基于 Typescript 的智能提示等特性。

技术栈

• Node.js --- 基础开发环境
• NPM --- Node包管理器
• Bootstrap --- 前端样式框架
• EChart --- 图表展示框架
• Git --- 版本控制以及协作开发
• Sass --- CSS 扩展
• Javascript --- 主要开发语言
• Typescript --- Javascript 扩展
• Gulp --- 自动化工作
• cesiumjs --- SuperMap iClient3D for WebGL 是基于此框架开发出来的
• SuperMap iClient3D for WebGL --- 基于此API做二次开发
• JQuery --- 杰出的 Javascript 库
• Require --- 模块化js工具
• Lodash --- Javascript 函数库
• Bower --- Javascript 包管理器
• Vue --- 渐进式JavaScript 框架

环境要求

应用名	版本号	查看版本
Node.js	v8.1.1	> node -v
npm	v5.0.3	> npm -v
Gulp	v3.9.1	> gulp -v
Typescript	v2.0.3	> tsc -v
Typings	v1.4.0	> typings -v

建议使用IDE Visual Studio Code。

使用方法

git clone -b dev http://192.168.2.241:3000/wanghai/SuperMapWeb3D.git
cd AppX
npm install
npm start

注： 1.国内因为 GFW 的原因 npm install 可能会失败（安装 Sass 失败）。 如果失败，请用一下命令替换上方的 npm install, 其他命令不变。CNPM

npm install cnpm
cnpm install

注： 2.请在dev分支下建立自己的分支进行开发,并定期合并到dev分支。 1、本地从当前所在分支(dev分支)上创建一个新分支： git checkout -b 新分支名 2、拉取远程某个分支到本地: git checkout -b 本地分支名 origin/远程分支名

3、功能开发完成后合并到父分支 （1）暂存自己修改的 （2）git checkout 父分支名 --切换到父分支 （3）git pull --拉取别人最新代码 （4）git merge --no-ff 合并分支名 --将自己分支合并到父分支 （5）git push --上传父分支 （6）如果有新代码，则需要删除本地分支，重新建本地分支 git branch -d

4、打包 gulp 5、运行 gulp serve:watch

IIS部署注意MIME必须有如下配置项

文件扩展名	MIME类型
.json	application/x-javascript
.wsv	application/octet-stream
.wasm	application/wasm
.woff	application/font-woff
.woff2	application/font-woff2
.terrain	application/vnd.quantized-mesh
.s3m	audio/x-mod

开发人员

王海、李顺、梁罗...