codecamp

目录结构

目录结构延续APICloud现有的widget代码包的目录结构,在widget根目录下新增pages目录,该目录下用于创建符合avm.js语法规范的stml文件,stml文件可用于编译为App和小程序代码。

一个项目中可同时使用DeepEngine1.0的方式书写标准Html代码,也可使用DeepEngine3.0的方式,书写avm.js语法规范的stml或者js代码。

目录结构示例

一个典型的项目目录结构如下:

|---app                // widget代码根目录
|    |---components    // stml组件目录。该目录下stml文件仅被pages目录下页面引用,不单独编译
|    |---pages         // stml页面代码文件目录。该目录中每个文件对应一个页面,将被编译为js或者小程序的3个代码片段
|    |---html          // 标准html页面代码文件目录
|    |---res           // res目录
|    |---index.html    // 入口页html
|    |---config.xml    // app配置文件

目录描述

widget :

|---app                // widget代码根目录
|    |---.bin          // stml文件在本地编译的临时文件目录,勿提交云端
|    |---components    // stml组件目录。该目录下stml文件仅被pages目录下页面引用,不单独编译
|    |---pages         // stml页面代码文件目录。该目录中每个文件对应一个页面,将被编译为js(编译到.bin目录)或者小程序的3个代码片段
|    |---html          // 标准html页面代码文件目录。
|    |---res           // res目录
|    |---index.html    // 入口页html
|    |---config.xml    // app配置文件
|

开发工具在真机同步或者实时预览等调试动作之前,编译器会分析并编译pages目录下的stml文件,编译为对应的js代码至.bin目录,之后再进行同步动作。

最佳实践
stml页面
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }