一、添加表单、布局表格
成都创新互联公司是一家集网站建设,乐清企业网站建设,乐清品牌网站建设,网站定制,乐清网站建设报价,网络营销,网络优化,乐清网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
1、新建文档,保存为write.asp这个页面是签写留言的。首先要插入一个表单见图2。
二、添加表单域
1、姓名:在姓名对应的表格里添加文本字段,在属性面板上取名为name见图4,这样做是为了与数据库的字段名字相对应。
图4 姓名对应的表单域命名
2、OICQ、EMAIL、个人主页的表单域的添加方法同上,均为文本字段,分别命名为:OICQ|oicq,EMAIL|mail,个人主页|homepage。
3、头像:在相对应的单元格里分别插入用户头像图片,然后添加对应的单选按钮命名为:tx。
4、性别:在姓名对应的表格里添加两个单选按钮,选中性别男单选按钮:在属性面板为它改名为sex选定值为男,初始状态-已勾选,
设置见图5。 选中性别女单选按钮:在属性面板为它改名为sex选定值为女,初始状态-未选中,方法同上。
图5 性别男:对应表单域单选按钮的设置
5、提交与重置按钮:在最下面的单元格添加两个按钮,选中提交按钮:在属性面板为它改名为Submit,标签选提交,动作-提交表单,
设置见图6。 选中重置按钮:在属性面板为它改名为Submit2,标签选重置,动作-重设表单,方法同上。
图6 提交按钮属性
6、添加隐藏区域:在提交按钮旁单击添加隐藏区域,在属性面板里为它改名为IP,在值里添加代码 %= Request("remote_addr") %
这段代码是获取客户端IP的,见图7。
三、定义提交按钮的服务器行为
1、选中的整个表格,打开服务器行为面板,单击“+”按钮选择菜单下的插入记录,见图9。
图9 服务器行为-插入记录
2、设置表单域与数据库字段名一一对应,在表单元素里分别依次选中元素,在下面的列里选择与数据库相对应的域,见图10。
图10 插入记录对话框
四、定义表单提交的错误检查(行为面板)
1、签写留言时为了避免有错误信息的写入,添加表单提交的错误检查功能。打开设计面板下的行为面板,单击"+"选择检查表单,见图11。
图11 设计-行为-检查表单
2、设置表单域和检查事件:name选择必需的,ociq选择数字,mail选择必需的和电子邮件,homepage不选,liuyan选择必需的,见图12。
一、控制一页显示留言数和翻页按钮
先介绍应用程序下的按钮:记录集导航条:翻页功能按钮,记录集导航条状态:显示留言数量功能按钮,见图1。
图1 应用程序-记录集导航条/记录集导航状态
1、光标移到页面下方,单击记录集导航状态就会弹出记录集导航状态对话框,见图2。
图2 记录集导航状态对话框
2、再回车另起一行,单击记录集导航条就会弹出记录导航对话框,记录导航条将以文字方式显示,见图3。
图3 记录集导航条对话框
这样我们就完成了显示留言数量和翻页按钮,见图4。
图4 已加好翻面和显示留言数功能
二、留言内容显示问题
1、现在main.asp文件基本完成。当然,你会想到:如果我们输入一些html代码,会怎么样呢? 我们来输入一行html代码试一下,输入: font color="#0000FF" size="7" 测试 /font ,结果见图5,这个当然是不安全的。也就是为什么决大部分论坛不支持html的原因。
再测试看看,用户的留言如果很长,表格会自动撑大(文字不会自动换行)!!
2.、为了解决以上问题,我们将原来绑定到留言单元格中的记录集字段( %=(Recordset1.y_liuyan)% )删除,添加“文本区域”,添加好后的文本区域见图7。
图7 添加好的文本区域
3、然后选中刚才添加的文本区域,在属性面板里点击打开动态数据对话框,添加动态留言文本字段y_liuyan,见图8。
图8 为文本区域添加动态数据
现在可以在留言试试看,表格自动换行,而且不支持html代码了,留言内容的显示问题也可以借助Dreamweaver MX的插件来实现的。
如果制作的不是动态程序,比如php等程序,制作的仅仅是html网站,则不需要填写配置服务器选项。
如果制作的是动态程序,需要在电脑内安装相应的网页服务器,并开通服务器,如果在本机运行程序,连接方式则选择“本地”,“服务器文件夹”可以选择站点文件夹,在“web url”填写本机主页ip地址,比如:等等
如果有安装网页服务器的经验,对动态程序有了解,那么在dreamweaver里配置服务器不会很难。建议使用最新版dreamweaver,建立动态程序站点比旧版本更方便一些。
首先打开DW,找到数据库 选项卡:
这里是说,要完成连接数据库操作 需要完成3步。那么好,我们按步骤来做:
1、搞定创建站点
点击蓝色“站点”,弹出如下界面
站点命名
服务器技术
编辑和测试文件存放位置,我们都在本地开发的,所以都在本地文件存在的位置就选你网站代码的位置
定义浏览器打开预览时url路径,我这里是:,注意这个路径一定是可以访问的路径,就是在浏览器中能打开,否则4步的mysql会报连接不成功的操作
是否共享文件,这个是用来团队开发的,点否
OK,下一步,完成,收功。这样我们就完成了第一步,多出来一个√,增加了一个第四步。
2、搞定文档类型
点击蓝色“文档类型”,弹出如下界面
我们用的PHP,这里选择PHP
完成,ok,第二步搞定。看又多出一个√。
3、搞定测试服务器
点击蓝色“测试服务器”,弹出如下界面
显示我们第一步已经配置过的内容,直接点确认
完成,ok,但是并没有按照预想多出一个√,没事,继续。
4、创建MYSQL连接
点击上图红色箭头指的+,出来Mysql连接,点击,弹出如下界面
依次输入你本地的信息,如我这里输入的
然后点选取,弹出你的数据库,选择你的项目news所用的数据库。确定,确定,ok,完成。