课件-数据库网站开发

数据库网站开发一、新建asp网页网站技术有很多种，从简单的html网页到php、java、asp、aspx等格式，无论哪种网页技术，实际上都是记事本文件，只是该文件中的代码格式也编码规范、语法的不同，最直接的体现就是该网页文件的后缀名不同。此处以asp格式的网页为例新建一个网页：1、打开Dreamweaver，新建-网页，选择asp VBScript，将会新建一个asp网页；2、点击保存按钮或者菜单项，将该文件保存到教学用模拟网站的目录下面。3、查看该页面，默认主要包含head、title、body部分，要求大家搜索相关资料，了解这三部分的功能。二、表单交互式网页，也称动态网页（active server page）与普通的静态网页不同，能够将用户的数据提交给服务器，而服务器则根据用户提交的数据以及请求动态的生成网页数据。交互式网页一个非常典型的展现方式就是提交表单（form），表单的意思是在网页中会有按钮、文本框、单选钮、复选框等，用户输入信息后，点击相应的表单按钮，实现将用户的文字、选择项提交给服务器。方法如下：1、在Dreamweaver中打开刚才的test.asp，将鼠标定位到浏览页的空白处或者代码里的body标签里面；2、点击菜单 插入-表单；3、在弹出的对话框中操作框里填写“index.asp”,表示提交该表单后会跳转到action所指定的页面，并选择提交（submit）方式为post，点击确定，会在网页中插入一段代码，三、按钮在表单的基础上还需要进一步添加按钮用于实现交互式操作，方法如下：1、将鼠标定位于表单内，或者将鼠标定位在代码视图里面的form标签中间，如下所示：鼠标定位与此 2、点击菜单的 插入-按钮，在弹出的对话框中选择onclick事件，该事件的action设置为 index.asp，名称和数值可以自行填写，类型选择提交（submit），则会生成如下代码（不能定位在设计视图里）3、运行服务器aspweb.exe4、在地址栏中输入http:/127.0.0.1:99/test.asp，点击按钮，查看效果。四、返回数据，实现交互显然，孤零零的一个提交按钮并不能完成太多的有意思的工作，与链接的区别并不是很明显。事实上表单的表单的作用可以更强大，用于完成复杂的工作，例如，可以将用户的数据返回给服务器，服务器会有一定的反馈。此处新建另外一个网页test21、新建-asp vbscript 页面，页面中简单的输入任意文字“亲，是临沂大学物流学院的学生：”2、保存该页面，命名为test2.asp运行aspweb.exe，在地址栏中输入该网页的地址http:/127.0.0.1:99/test2.asp，查看该结果。四、返回数据，实现交互3、回到test.asp页面，在页面的的代码中做如下修改保存该页面4、浏览test1.asp，并点击按钮 “确定”，观察地址栏的变化，应该变成了类似：http:/127.0.0.1:99/test2.asp?myname=ma&fortest=%E7%A1%AE%E5%AE%9A说明：这里面用到了变量的传递，在不同的页面之间实现了数据的交互，这个很重要。myname是定义的一个变量，而ma则是test1.asp中的一个用户可以输入的数值。四、返回数据，实现交互5、继续修改代码，此次修改的代码为test2.asp，设法将test.asp传递过来的myname变量所代表的值显示出来。代码修改如下我，是临沂大学物流学院的学生：6、保存代码，运行aspweb.exe，在浏览器中打开http:/127.0.0.1:99/test.asp，在文本框中输入你的姓名，然后点击确定，观察运行结果，是不是很酷？！实验：看看你能够做出新花样来？可以有点创意。五、文件的包含文件的包含也可以简单的理解为文件的嵌套，也就是说，可以在一个页面中包含另一个文件，如：在index.asp页面中包含了另外一个页面top.asp，其表达方式为在index.asp的代码页面中加入了如下的代码top.asp页面是index.asp页面的页首部分，显示在页面的顶端，同样，在主页的页底部分也加入了另外一个页面copy.asp，该页面主要是页面的版权信息，代码如下：可以尝试着查看一下top.asp和copy.asp的页面内容。实验：1、在test.asp页面中尝试加入copy.asp，查看一下效果。2、在index.asp的页面低端尝试加入test.asp页面，查看一下效果。五、文件的包含可以看到，其实出现了一些问题：实验1基本上可以说已经正常实现了页面的嵌套，但是有乱码的出现实验2则根本就无法执行，服务器报错。为什么呢？实验1根本的原因其实是编码的缘故，此处不予以讨论。实验2的错误在于代码的重复，index.asp中有head、title、body这些标签，而test.asp中同样含有这些标签。正如我们所知道的，一个页面中原则上只能分别有一对head、title、body、html之类的标签，而在index.asp中嵌入test.asp后，事实上是完全将test.asp中的代码写入了index.asp中，造成index.asp中有重复的body之类的标签，这是不对的。五、文件的包含问题：应该如何改呢？可以参考copy.asp或者top.asp页面。提示：可以只保留body之间的代码，其余代码均删除掉。注意：认真观察一下top.asp和copy.asp中head、html、body等标签的配对情况。五、数据库的连接网站读取数据库中的数据，是一个很简单的过程，当然也可以很复杂，其基本的步骤包括“连接数据库”、“建立数据对象”、“sql指令读取数据库”、“将返回的数据库数据显示出来”。1、连接数据库，如前所述，市面上有很多不同类型的数据库，分别满足不同的需要，分别在价格、规模、易用性、可维护性、并发性、速度等方面有所区别。因此连接数据库的方法各有不同，此处以连接Access类型的数据库为例，来完成数据库的连接，只需要简单的几行代码，简单易用，同时还能清晰的表明数据库的连接过程。数据库的连接代码在conn.asp文件中，请仔细阅读分析数据库连接代码conn.asp五、数据库的连接2、由于一个网站中会存在很多的页面，如此多的网页基本上都是连接到同一个数据库的，其数据库连接部分的代码于conn.asp完全相同，没有必要每个页面都保留一份同样的代码，所以网站一般会将数据库连接代码集中放到conn.asp中，任何需要连接数据库的页面都可以将该页面include，完成数据库的连接。优点：（1）、避免代码的重复编写，如果数据连接发生改变，则所有的页面均需改变，工作量大，且容易出错；（2）、提高了网站系统的安全性，由于正常浏览页面中并不包含conn.asp页面的数据库连接代码，因此黑客一般不容易获取数据库的存储路径，从而保护了最关键的数据。六、读取数据库中的数据接下来，尝试在newtest.asp中显示wydata.mdb数据库中产品分类表“sort”的数据内容。1、在Dreamweaver中选择新建-asp vbscript网页，并在弹出的对话框中点击“首选参数”按钮（不同版本的Dreamweaver可能表述略有不同），并继续在弹出的对话框中选择编码方式为“简体中文gb2312”，点击确定。该网页的默认代码如下：无标题文档六、读取数据库中的数据2、在标签前面添加一句代码添加该代码的意义是将含有数据库连接配置语句的conn.asp文件包含到本网页中，用于实现数据库的连接。3、在标签中间添加右侧的代码：可以看出来，在上面的第六小节完成后，读取的数据直接堆积在页面上，显示界面并不友好，如下图所示：一般而言，控制数据的显示位置可以通过表格来进行。简单的代码修改如下：七、用表格控制数据的显示七、用表格控制数据的显示 左图中，红色字体部分表示表格部分的代码修改，有兴趣的同学可以有针对性的修改，如修改table标签的边线的宽度，颜色，单元格之间的距离，修改td标签的高度，宽度，底色等。七、用表格控制数据的显示显然，从上图可以看出来，只显示了表格中的一部分数据，只包含一个字段的内容，仔细分析代码部分，就可以看出来代码部分也只引用了部分数据，为了全面的显示信息，需要修改部分代码，具体修改的为中间tr标签中的部分，详细代码如下：大家可以类似的修改代码，查看效果，看看是否将多个字段的内容都显示了呢？作业要求：根据上面的步骤，自己独立选择数据库中的一个表，尝试将该表中的数据显示在页面中。学有余力的同学，可以为该表格添加表头，也可以更进一步，将该页进行一定的美化设计，以及个性化的排版等内容。