谁知道怎么用Dreamweaver做留言板？和上传日志？

你不了解的话那怎么教你呢，你加我吧，我可以帮你做

很容易！是一个多文本而已，自己也可以设置长度和宽度，也可以限制一行可以输入多少个字!或限制字数

http://www.baidu.com/s?wd=%C1%F4%D1%D4%B0%E6%D4%B4%C2%EB

下载个再改改

目 录

1. 创建web应用程序文件夹... 1

2. 在Dreamweaver中创建web站点... 1

3. 创建导航栏（menu.jsp）... 6

4. 创建产品展示页面（index_top.jsp）... 8

5. 制作商品查询页面select.jsp. 15

6. 页面合并（index_top.jsp＋menu.jsp＋select.jsp）... 20

7. 创建登录页login.jsp. 21

8. 创建公告栏页面Notice.jsp. 24

9. 将Notice.jsp与login.jsp加入index_top.jsp. 25

10. 创建注册页面... 26

图1 web应用程序文件夹myshop. 2

图2 站点命名myshop. 3

图3 选择JSP技术... 4

图4 选择JSP文件路径... 5

图5 填写URL前缀... 6

图6 不需要远程服务器... 7

图7 专用的JDBC连接数据库... 8

图8 创建记录集rs1. 8

图9 定义重复区域... 9

图10 index_top.jsp页面的框架... 9

图11 创建表格... 10

图12 选择链接文件夹... 10

图13 选择链接文件名... 11

图14 填写URL参数名称... 11

图15 填写URL参数值... 12

图16 选择“t_type”字段... 12

图17 创建记录集rs2. 13

图18 插入图像... 13

图19 图像字段的动态文本... 14

图20 选中table1表中的两列... 15

图21 创建重复区域... 15

图22 创建记录集分页导航条... 16

图23 index_top.jsp的分页页面... 16

图24 index_top页面中显示“电脑专区”页面... 17

图25 select.jsp页面框架... 18

图26 创建记录集rs3. 18

图27 “select_type”列表/菜单属性面板... 19

图28. 19

图29. 20

图30. 20

图31 select_ok.jsp页面... 21

图32 创建记录集rs4. 22

图33 select_ok.jsp页面... 22

图34 jsp页面编码按钮... 23

图35 合并成index_top.jsp页面... 23

图36 login.jsp页面... 24

图37 创建记录集rs5. 24

图38 登录页面... 26

图39 登录信息显示页面... 26

图40 设置图像路径... 27

图41 创建记录集rs5. 27

图42 定义n_message字段重复区域... 28

图43 index_top.jsp最终页面... 29

图44 注册页面... 29

图45 插入记录... 30

在Dreamweaver中制作电子商城网站

在Tomcat的webapps文件夹下创建web应用程序myshop文件夹，在myshop文件夹下创建WEB-INF文件夹，在WEB-INF文件夹下建立web.xml文件。如下图所示：

图1 web应用程序文件夹myshop

（1） 给站点命名myshop，如图2所示

图2 站点命名myshop

（2） 点下一步，选择JSP技术，如图3所示

图3 选择JSP技术

（3） 点击下一步，选择本地进行编辑与测试，并指定jsp文件存放的路径，就是上面创建的web应用程序myshop文件夹，如图4所示。

图4 选择JSP文件路径

（4） 点击下一步，输入测试JSP文件的URL地址前缀：http://localhost:8080/myshop/

图5 填写URL前缀

（5） 点击下一步，选择“否”，不需要远程服务器，如图6所示。

图6 不需要远程服务器

（6） 点击下一步完成。

（1） 在Dreamweaver中，新建一行一列的表格，宽度为782

（2） 建立自定义JDBC连接：conn，

驱动程序：com.microsoft.jdbc.sqlserver.SQLServerDriver

URL：jdbc:microsoft:sqlserver://localhost:1433;DatabaseName=ShopSystem

图7 专用的JDBC连接数据库

（3） 创建服务器行为：记录集rs1，如图8所示

图8 创建记录集rs1

（4） 打开绑定选项卡，将t_type字段拖入表格中。创建服务器行为：定义重复区域，显示所有记录。如下图9所示

图9 定义重复区域

（1） 创建如下的静态页页，如下图10所示，整个表格的宽度为782

图10 index_top.jsp页面的框架

（2） 在当前商品展示的单元格中插入一行两列表格table1，宽度为591，对齐方式为居中，在table1的第2列中插入两行一列表格table2，边框为0 ，如图11所示

图11 创建表格

（3） 打开menu.jsp文件，选择表格中的“{rs1.t_type}”动态文本，创建链接，点击属性面板中的链接文件夹，如下图12所示，然后打开图13所示的界面，选择index_top.jsp文件，并点击图13所示中的“参数”按钮。

图12 选择链接文件夹

图13 选择链接文件名

（4） 点击“参数”按钮后，打开如图14所示的界面，在名称栏中输入：t_type，然后点击右边的栏目，如图15所示，然后在“值”栏中右边浏览按钮，打开如图16所示的界面选择“t_type”字段，单击确定，完成。

图14 填写URL参数名称

图15 填写URL参数值

图16 选择“t_type”字段

（5） 打开index_top.jsp页面，创建记录集rs2，选择筛选条件如图17所示，在图中所示的位置填写图14所填的名称。

图17 创建记录集rs2

（6） 在tabble1表中第1列插入图像，打开如图18所示的界页，选择“数据源”

图18 插入图像

（7） 点击“数据源”后，打开图19所示界面，选择“p_image”字段，点击确定完成。并将图像的宽度设为60，高度设为60。并将教材案例easybuyonline文件夹下的images文件夹复制到站点myshop文件夹下。

图19 图像字段的动态文本

（8） 打开绑定选项卡，在table2表中第1行拖入“p_name”，第2行拖入“p_price”

（9） 选择table1表的两列，在代码视图中如图16所示，在所选区域之外，加上以下语句：

for(int i=1;i<=3;i++)

{

if(rs2.nest())

{//所选区域

｝

｝

图20 选中table1表中的两列

（10） 为了读取URL参数传递过来的值进行汉字编码（Tomcat中默认采用ISO-8859-1编码）

在index_top.jsp文件第4行后，添加如下代码：

rs2__MMColParam=new String(rs2__MMColParam.getBytes("ISO-8859-1"),"GBK");

if语句后

再在if语句后加语句

byte c[]=rs2__MMColParam.getBytes("ISO-8859-1");

rs2__MMColParam=new String(c);

（11） 选择table1表的行，创建重复区域，如下图21所示：

图21 创建重复区域

（12） 在table1表下创建记录集分页导航栏，如下图22所示，

常用---应用程序----记录集分页----记录集导航条

（13）

图22 创建记录集分页导航条

（14） 打开menu.jsp页面，点击“电脑专区”链接，打开index_top.jsp如图23所示的页面，将鼠标指标放在“下一页”上面，地址栏显示是乱码：

http://localhost:8080/myshop/index_top.jsp?t_type=????ר??&offset=9

图23 index_top.jsp的分页页面

因此，将读取的URL地址t_type=????ר??进行正确的汉字编码，方法如下：

将index_top.jsp文件中的141行：

MM_keepURL = '&' +request.getQueryString();语句换成如下：

MM_keepURL = '&' + new String(request.getQueryString().getBytes("ISO-8859-1"),"GBK");

（15） 打开menu.jsp，点击“电脑专区”，显示如下图24所示：

图24 index_top页面中显示“电脑专区”页面

（1） 制作静态页面select.jsp，如下图25所示，然后设置属性面板的动作属性为select_ok.jsp。方法为：get

图25 select.jsp页面框架

（2） select.jsp页面中，创建记录集rs3，如下图26所示，单击确定，完成

图26 创建记录集rs3

（3） 选择商品类型“select_type”列表/菜单，点击属性面板，如下图27所示

图27 “select_type”列表/菜单属性面板

（4） 点击图27的“动态”按钮，选择如下图28示

图28

（5） 点击上图28的所示按钮，如下图29的所示，选择“t_type”字段，单击确定，如图30所示，完成

图29

图30

（6） 打开select_ok.jsp页面，如下图31所示

图31 select_ok.jsp页面

（7） 在select_ok.jsp页面中，创建记录集rs4，如图32所示。

Sql语句：

SELECT *

FROM dbo.Product

WHERe p_type = 'MMColParam1' and p_name like '%MMColParam2%'

参数名称：MMColParam1；参数值：request.getParameter("select_type")

参数名称：MMColParam2；参数值：request.getParameter("select_p_name")

说明如下：

select_type名称为select.jsp页面中的表单－列表控件的名称，select_p_name为select.jsp页面中表单－文本控件的名称。

图32 创建记录集rs4

（8） 仿照index_top.jsp建立搜索产品显示页面select_ok.jsp。如图33所示。

图33 select_ok.jsp页面

（9） 在Select_ok.jsp文件中导入menu.jsp与select.jsp文件，方法如下：点击图中的jsp:include按钮（应用include指令），打开浏览窗口选择相应的文件

图34 jsp:include按钮

（1） 在index_top.jsp文件中导入menu.jsp与select.jsp文件， 方法如图34所示

（2） 合成后的页面如图35所示

图35 合并成index_top.jsp页面

（1） 已存在登录login.jsp页面，如图36所示，表单的动作属性设置为：login_ok.jsp

图36 login.jsp页面

（2） 创建登录成功后的页面为login_ok.jsp

ü 新建login_ok.jsp，在当前页面中创建记录集rs5，如图37所示

图37 创建记录集rs5

说明如下：

SQL语句：

SELECT c_name, c_pass,c_header

FROM dbo.Customer

WHERe c_name = 'MMColParam1'and c_pass='MMColParam2'

参数名1：MMColParam1，参数值：request.getParameter("c_name")，其中c_name是login.jsp页面中用户名文本框的名称

参数名2：MMColParam2，参数值：request.getParameter("c_pass") ，其中c_pass是login.jsp页面中密码文本框的名称

ü 在第3行之前，插入以下语句：

request.setCharacterEncoding("gb2312");

ü 在<body>标记后插入以下代码：

<%if(rs5_hasData)

{

String header=rs5.getString("c_header");

session.setAttribute("c_name",rs5__MMColParam1);

session.setAttribute("header",header);

response.sendRedirect("index_top.jsp");}

else

out.print("用户名或密码错误！"); %>

（3） login.jsp页面要求没登录时，显示登录页面如图38，如果已经登录，显示登录信息页面如图39。所以在login.jsp页面的<body>标记符后，加入以下代码：

<% String name=(String)session.getAttribute("c_name");

String header=(String)session.getAttribute("header");

if(name==null||name=="") {%>

然后在第一个table表格与form标记结束后，加入以下代码：

<% }else{ %>

在第二个table表格之后，加入以下代码：

<% } %>

图38 登录页面

图39 登录信息显示页面

（4） 在login.jsp页面中，在设计视图中，选择图像，如图40所示，在属性面板中的“源文件”框中写入<%=header%>，如图然后在IMG标记后，加入以下代码：

<p><%=name %></p>

图40 设置图像路径

（1） 创建记录集rs5，如图41所示

图41 创建记录集rs5

（2） 打开绑定选项卡，插入n_message字段，

（3） 选择n_message字段，定义重复区域，显示5条记录，创建完成如图42所示

图42 定义n_message字段重复区域

显示index_top.jsp，如图43所示：

图43 index_top.jsp最终页面

（1） 建立注册页页reg.jsp，如下图44所示

图44 注册页面

（2） 创建服务器行为：插入记录，如图45所示

图45 插入记录

（3） 第3行加入以下代码：

request.setCharacterEncoding("GBK");

String name=request.getParameter("c_name");

String images=request.getParameter("reg_userPic");

session.setAttribute("c_name",name);

session.setAttribute("header",images);

说明：session.setAttribute("c_name",name);与session.setAttribute("header",images);两句语句的作用：方便在index_top.jsp页面中访问。

如果预知详细信息，请发邮件709730435@qq.com