用aardio创建web工程图文讲解(1)

Admin

发布:2017-06-23 09:53:05编辑:2017-06-23 10:27:11 分类:心得经验

打开aardio，打开新建工程窗口，可以看到有Web界面、HTMlayout界面、Webkit界面(HTML5)、网站程序、FastCGI服务端。我们选择web界面，然后指定工程目录，填写工程名称，点“创建工程”按钮确定。

然后我们会看到工程向导自动生成的内容。先看左边aardio工程资源管理器里的目录架构。

1.main.aardio是主窗口，也就是桌面软件的界面入口源码。

资源文件夹通常放ico图标、DLL、图片等给程序调用的东西。

2.HTML视图文件夹，就是相当于一个网站的所有网页。

(2.1)main.aardio，其实就是相当于index.html默认首页。你可以双击进去查看，其实就是HTML源码模板。然后我们在这个首页里面发现有

<? = time() ?>

这个是什么呢？这个是网页模板的变量，也就是当用户打开网页时，看到此处的是变量的具体文本内容。这个和其它网站开发语言的做法是类似的，比如PHP里的网页模板，也是类似于这样的形式，只不过写法有点不一样，有的用 {{ $xxx }}这样的符号来表示变量，aardio则<? =xxx ?>更显得简洁。

(2.2)image文件夹，也就是网站的图片文件夹，网页需要用到的图片都可以放在这里面，供网页模板引用。

(2.3)js文件夹，网站的js脚本文件夹。

我们看到这里面有个jQuery.js，有网页前端基础的朋友一看就懂了，可以用它来操作网页DOM元素。你可以替换它变成高级版本。

再看js文件夹里的require.js，双击，无反应，右键->用外部编辑器打开，默认是调用系统自带的记事本打开。然而我们一般习惯上是使用更强大的文本编辑器来编辑js文件，直接在require.js上右键->浏览文件，打开\aardio工程9\view\js\文件夹，找到require.js，用你喜欢的notepad++、submit等工具编辑即可。当然你们可以在aardio顶部“扩展”工具栏找到“编辑器”按钮，点进去编辑它的源文件，把editor由notepad修改为你需要的编辑器。这几个js文件一般不需要动它们，自己打开查看下它的功能就行。

3.用户库文件夹。是放用户自定义的库文件的。controller控制器文件夹，一个个打开了解下就行。有mvc框架基础的朋友应该会懂。

了解完之后，按F5运行，出现上面的界面。你可以尝试修改工程资源管理器里的各个文件，看下是否如你所想像中的效果。

用web做界面，需要你有一定的网页前端基础，如果你不懂一点HTML、JS、MVC框架，你还是老老实实地先学会用“对话框程序”工程吧。

• Admin    

  Time:2017-06-23 10:52:29
  PHP中的模板变量

  <title><{$title}></title>

  索引数组的访问：<{$arr1[0]}> <{$arr1[1]}> <{$arr1[2]}>

  索引二维数组的访问： <{$arr2[0][0]}> <{$arr2[0][1]}> 

  关联数组的访问：<{$arr3.one}> <{$arr3.two}> <{$arr3.three}>

  关联二维数组的访问：<{$arr4.one.one}> <{$arr4.one.two}> 

  关联和索引混合数组的访问：<{$arr5.one[0]}> <{$arr5.one[1]}> 

  对象中成员变量的访问：<{$object->name}> <{$object->age}>

  对象中方法的访问：<{$object->hello()}>

  变量的运算：<{$num1+$num2}>

  变量的混合运算：<{$num1+$num2*$num2/$num1+44}>

  
  

  layui富文本编辑器中放带有尖括号的疑似HTML标签的文本，要用右键->粘贴为纯文本，变成转义字符，不然会被编辑器自动当作HTML来解释。