周服低代码框架调试环境

低代码编程框架支持三种不同的调试环境。在线调试环境不需要安装，本地调试需要安装。

低代码框架三种调试环境中，最简单的调试是在线调试，只需要打开在线调试网址，http://www.chofo.com/demo/pc.htm，将代码拷贝粘贴到console控制台中就可以调试，这种调试方法跟第1章中调试基础JavaScript代码无异。

在线调试的优点是调试环境便捷，只要可以上网即可，也不需要携带，缺点是不能保存中间结果，浏览器一旦关闭，不会保存任何记录。

所以，在线调试适合速学，适合测试，适合验证，比如后面章节中的代码，如何要验证对错，只需要打开在线调试即可。

下载demo本机调试可以弥补在线调试的不足，可以保存中间结果，而且每次调试就不必链接互联网，下载在线演示模板的文件的的步骤如下：

第1步：在D盘根目录下，先创建一个web文件夹。选择D盘的原因，是避免系统崩溃不得不格式化C盘重装系统，程序文件文件放在D盘就可以保护源码不受损失。

第2步：在web文件夹下，创建demo文件夹。在demo文件夹下创建js、ico、read和write等子文件夹。

第3步：打开http://www.chofo.com/demo/pc.htm，在空白处点击鼠标右键，在弹出菜单中选择点击另存为，此时出现下图：

上图中，保存的位置选择“d:/web/demo”文件夹，文件名要改为“pc.htm”，保存类型选择“网页，仅HTML”，然后点击“保存”按钮，即可将pc.htm保存到本地。

第4步：打开http://www.chofo.com/demo/js/_.js文件，另存为到js文件夹下，如下图所示：

图2-4 保存_.js文件

第5步：打开http://www.chofo.com/demo/js/$.js 和http://www.chofo.com/demo/js/lg.js，跟第4步窗口类似,下载保存$.js和lg.js，到demo/js文件夹下。所有的文件和文件夹保存完毕，应该如下表所示：

表2-2 前端工程文件模板文件和文件夹

第6步：用Chrome浏览器打开pc.htm，地址栏会显示：file:///D:/web/demo/pc.htm，说明本机调试工具安装成功。以后每次调试修改完pc.htm，$.js或lg.js，刷新pc.htm即可。

图2-5 本机低代码调试工具

本机调试虽然可以保存中间结果，但是因为采用的是file协议访问，仅支持本机访问，不支持局域网内其它电脑访问，也不支持手机访问。如果要支持局域网和手机访问，就必须安装WEB服务器。

低代码框架支持所有WEB服务器，包括不限于：IIS，Nginx，Apache，Tomcat，JBoss，WebLogic，WebShere等，选用哪种WEB服务器，取决于后端用得什么开发语言，如果用PHP语言，可以选用Apache，如果后端用JSP，可以选用Tomcat等，如果是用ASP，则用IIS。

在下一本关于后端低代码组件书中，会提供一个低代码集成开发环境，安装完毕集成开发环境，后端WEB服务器就会成功安装，前端部分为降低学习难度，暂时先不讲解安装。学生使用学校统一的WEB服务器，有经验的开发人员使用已安装的WEB服务器即可。

一旦成功安装了WEB服务器，只需要将demo文件夹拷贝到根目录下，然后打开浏览器，输入：http://localhost/demo/pc.thm ，即可打开调试环境。

如果局域网内其它电脑访问，则需要使用IP访问，例如安装调试工具的电脑的IP是192.168.1.8，那么他的局域网访问地址就是：http://192.168.1.8/demo/pc.htm。