CAP入门到精通教程.ppt

ChineseWebServer(中文动态网页) 从入门到精通,文档制作:Ewangl QQ452327180 开发者:Ewangl QQ452327180 交流QQ群:80116347 官方网站:http:/cap.ewangl.cc/ 运行平台:Win X 视频教程:编辑器起始页在线观看。高清视频请交流QQ群 群文件下载！ CAP源码下载:交流QQ群 群文件下载！ 其它:在学习CAP之前，你需要掌握基本的静态页面知识。,开始学习,安装本地环境。 初步认识中文动态网页。 启动器配置。 开发必须了解的事项！ GET请求。 POST提交。 TCP通讯。 CAF文件使用。 高级扩展函数使用。 计划任务使用。 外部扩展函数开发。 一个完整的WEB程序。,目录,第一章,1.从CAP官方网站下载安装程序。,1.安装本地环境,目录,下一页,2.打开执行安装程序(ChineseWebServer install.exe)并安装。 注意: 安装路径请不要包含空格！ 杀软报毒请信任！,1.安装本地环境,目录,下一页,上一页,3.安装完成后会自动打开启动器。,1.安装本地环境,目录,上一页,1. ChineseWebServer能做什么？ 快捷建立web服务，快速开发web程序及普通网页。 2. ChineseWebServer优点？ 中文代码编程，超强的函数扩展，稳定的错误管理，便捷的垃圾自动回收，除了http协议，还支持TCP直接通讯，内置远程管理与计划任务系统。 3. ChineseWebServer支持哪么文档解析？ 能解析由cap编辑器生成的.CAP动态网页文件、CAF扩展文件。其它文件解释器仅发送，服务端无法解析！ 4. ChineseWebServer开发初衷？ 为广大中小学生、不识英语的朋友，提供一个学习动态网页的平台。,2.初步认识中文动态网页,目录,下一页,2.初步认识中文动态网页,文件说明,目录,上一页,3.启动器配置。,1.服务端配置,目录,下一页,3.启动器配置。,2.网页编辑器,目录,下一页,上一页,3.启动器配置。,3.远程控制,目录,上一页,一些疑问: 1.启动服务提示目录不存在？ 检查配置文件目录是否存！ 2.启动服务失败？ 请确保配置正确，且安装有vc+2005！或者检查端口是否占用！ 3.无法正常打开网页？ 请查看日志文件！ 5.为什么更新长时间不跑动？ 请耐新等待！ 6.其它错误？ 请联系QQ452327180，获取帮助。,4.开发必须了解的事项！,目录,下一页,4.开发必须了解的事项！,目录,下一页,上一页,CAP语法:文本符号,4.开发必须了解的事项！,目录,下一页,上一页,CAP语法:运算符,4.开发必须了解的事项！,目录,下一页,上一页,CAP语法:逻辑,4.开发必须了解的事项！,目录,下一页,上一页,备注: 备注内容。使用两个“-”符号 变量: 全局变量:变量名=变量值 例如:Id=1，name=“cap” 局部变量:局部 变量名=变量值 例如:局部 Id=1，局部 name=“cap” 变量数组:变量名=变量值,变量值,变量值, 例如:var=1,2,3,4,5 变量的赋值:变量名=变量值 例如:Id=1，var1=1，var=1,2,3，id,name=1,”cap” 其它: 解释器默认文件名:index.cap，当不存在继续寻找index.html，还是不存在那么输出404页面文件不存在！,4.开发必须了解的事项！,目录,上一页,请注意数据类型！文本需要使用引号！变量名不允许中文！,1.什么是GET请求？ 当我们打开浏览器访问一个网址，那么你已经完成了一个GET请求！ 2.什么是链接，什么是链接变量(参数)？ 例如链接: http:/ewangl.cc/dat.cap?id=1&name=ewangl.mp3 这是一个完整链接！然而链接包含了参数: id=1 和 name=ewangl.mp3 参数与请求文件用 ? 间隔！参数与参数之间用&间隔！变量名=变量值，使用=间隔！,5.GET请求。,目录,下一页,在“请求函数”下写入代码:,5.GET请求。,目录,下一页,上一页,调试页面:,5.GET请求。,目录,下一页,上一页,注意！调试时你本地必须启动解释器,链接变量为文本！所以需要引号！,5.GET请求。,从上面我们看出，代码中规定id和name值必须为1和Ewangl。如果不正确那么就输出“其它内容”，否则输出输入值。这是个获取链接变量例子！,目录,下一页,上一页,总结: 前面到例子我们可以看出，GET方式重要的是参数传递，服务器通过不一样的参数实现访问一个页面产生不同的内容！,5.GET请求。,目录,下一页,上一页,习题: 1.用链接变量获取一次内容并输出到浏览器。 2.传递两个链接变量，值为数字。进行加法运算后输出到浏览器。(你需要使用到命令:转换到小数() 转换数值到文本() ),5.GET请求。,目录,上一页,1.什么是POST提交？ Post是后台提交，在不改变页面而进行的交互。各网站登陆所使用到的便是POST。 2.POST和GET区别？ get不能传递数据，且需要跳转页面。Post相反，能专递数据，包括上传文件。且不需要跳转页面！提交地址也可存在链接变量！,6.POST提交。,目录,下一页,6.POST提交。,目录,下一页,上一页,如果你有熟悉的HTML编辑器，那么更好！,写入到cap文档选项默认是焦点位置！你需要鼠标选中插入点！,6.POST提交。,目录,下一页,上一页,GET部分代码,大家可能发现，生成的html代码有误！这是调用的浏览器编辑功能，它生成到就能显示！无需在意。,Form表单提交地址为:post.cap 因为我们当前项目名叫post.cap,6.POST提交。,目录,下一页,上一页,POST部分代码,注意: 打开数据库后，操作完成最后必须关闭数据库！ 顺序是: 连接数据库 打开记录集 关闭记录集 关闭数据库,在这里我们又接触到一个命令:取表单变量() 大家可以到支持库列表查看相关说明,6.POST提交。,目录,下一页,上一页,浏览器访问调试,在这里我要纠正一个错误！ 在html编辑器中，那按钮类型为:submit(提交) 请修改type= button为type= submit,总结: 我们上面使用get发送了登陆页面，浏览器通过post提交账户和密码，我们实现了简单的登陆，读数据库验证数据。,6.POST提交。,目录,下一页,上一页,习题: 1.在实际应用中，单个页面可能存在多个post。那么我们只能改变post链接来实现，链接上我们可以添加链接变量区分不同请求。例如:index.cap?id=1，index.cap?id=2。请在post中加入链接变量区分请求。 2.请使用post实现 服务端的加法运算，并返回结果。 3.尝试写简单的注册账号网页。,6.POST提交。,目录,上一页,在cap中，我们除了服务端和浏览器交互外，还可以和软件通过TCP协议直接交互。,7.TCP通讯。,目录,下一页,我们需要一个tcp连接测试工具,填入：服务器地址，服务器端口,新建cap文件，在“TCP函数”下写代码测试:,7.TCP通讯。,目录,下一页,上一页,注意！TCP函数只能存在于每个网站下index.cap文件！,总结: 上面例子我们实现了TCP取数据和发送数据！ 收到了“测试文本”，我们继续把这个数据又发送了出去。 习题: 1.使用TCP发送两个数字，让服务器对两个数字相加发回去。,7.TCP通讯。,目录,上一页,CAF文件是什么？ Caf类似我们程序的dll库。多个页面可调用的公用函数。 我们新建一个文档写入以下代码，保存为 caf.caf,8.CAF文件使用。,目录,下一页,此函数两个参数，把参数1和参数2文本连接组合。并返回。,新建cap文件写入以下代码并调试:,8.CAF文件使用。,我们会看见浏览器输出了“这是什么？”,目录,下一页,上一页,总结: 通过上面例子我们实现了调用组合文本的CAF文件。 习题: 1.写个加法运算的caf文件并调用。,8.CAF文件使用。,目录,上一页,使用高级扩展函数必须在服务端配置上启用高级函数！ 高级函数作用是调用外部dll文件(如果自写函数，推介封装为外部函数库，以后会讲到)。 高级函数到使用需要有编程基础的人。需要注意到是，申请了内存最后必须释放掉！,9.高级扩展函数使用。,目录,下一页,例子:,9.高级扩展函数使用。,详细咨询请在交流群提问！,目录,上一页,计划任务属于高级操作函数！需要服务端配置高级操作函数！ 置计划任务函数文件为CAF文件！需要注意的是！不支持常规含有路径参数的命令！及核心连接命令！ %cd% 转义为当前网站主目录。,10.计划任务使用。,详细咨询请在交流群提问！,目录,扩展函数开发需会编程基础！ 开发帮助文档位于主目录下DLL文件夹内。调用接口位于解释器目录里 cap.dll。,11.外部扩展函数开发。,目录,详细咨询请在交流群提问！,用cap写一个完整的web程序构造:html代码(可能包含css，js等) + cap服务端代码。 Cap编辑器所集成的html编辑器支持jQuery库实现