手机销售网的开发日志--JSP

手机销售网有主页、注册、登录等等这几个模块,现在介绍开发手机销售网的步骤:

一、手机销售网的主页

源代码:

head.text

<%@ page contentType="text/html;charset=UTF-8" %>
<div align="center">
  <H2>“智多星”智能手机销售网</H2>
  <table  cellSpacing="1" cellPadding="1" width="660" align="center"    border="0" >
   <tr valign="bottom">
   <td><A href="inputRegisterMess.jsp"><font size=2>注册</font></A></td>
   <td><A href="login.jsp"><font size=2>登录</font></A></td>
   <td><A href="lookMobile.jsp"><font size=2>浏览手机</font></A></td>
   <td><A href="searchMobile.jsp"><font size=2>查询手机</font></A></td>
   <td><A href="lookShoppingCar.jsp"><font size=2>查看购物车</font></A></td>
   <td><A href="lookOrderForm.jsp"><font size=2>查看订单</font></A></td>
   <td><A href="exitServlet"><font size=2>退出</font></A></td>
   <td><A href="index.jsp"><font size=2>主页</font></A></td>
   <td><A href="adlogin.jsp"><font size=2>后台管理</font></A></td>
  </tr>
  </Font>
</table>
</div>

index.jsp

<%@ page contentType="text/html;charset=UTF-8" %>
<HTML> <BODY>
<HEAD><%@ include file="head.txt" %></HEAD>
<title>首页</title>
<CENTER> <h1><font Size=4 color=blue>
         欢迎光临“智多星”智能手机销售网
         </font></h1>
<img src="image/welcome.jpg" width=500 height=400 >
</CENTER>
</BODY></HTML>
结果如下:

 

二、会员注册模块

源代码:

inputRegisterMess.jsp

<%@ page contentType="text/html;charset=UTF-8" %>
<jsp:useBean id="userBean" class="mybean.data.Register" scope="request"/>
<HEAD><%@ include file="head.txt" %></HEAD>
<title>注册页面</title>
<HTML><BODY bgcolor=cyan><Font size=2>
<div align="center">
<FORM action="registerServlet" method="post" name=form>
<table>
    用户名由字母、数字、下划线构成,*注释的项必须填写。
   <tr><td>*用户名称:</td><td><Input type=text name="logname" ></td>
       <td>*用户密码:</td><td><Input type=password name="password">
       </td></tr>
   <tr><td>*重复密码:</td><td>
       <Input type=password name="again_password"></td>
       <td>联系电话:</td><td><Input type=text name="phone"></td></tr>
   <tr><td>邮寄地址:</td><td><Input type=text name="address"></td>
       <td>真实姓名:</td><td><Input type=text name="realname"></td>
       <td><Input type=submit name="g" value="提交"></td> </tr>
</table>
</Form>
</div >
<div align="center">
<p> 注册反馈:
<jsp:getProperty name="userBean"  property="backNews" /> 
<table border=3>
     <tr><td>会员名称:</td>
     <td><jsp:getProperty name="userBean" property="logname"/></td>
     </tr>
     <tr><td>姓名:</td>
     <td><jsp:getProperty name="userBean" property="realname"/></td>
     </tr>
     <tr><td>地址:</td>
     <td><jsp:getProperty name="userBean" property="address"/></td>
     </tr>
     <tr><td>电话:</td>
     <td><jsp:getProperty name="userBean" property="phone"/></td>
     </tr>
</table></div >
</Body></HTML>

程序结果:

 

三、会员登录

源代码:

login.jsp

<%@ page contentType="text/html;charset=UTF-8" %>
<jsp:useBean id="loginBean" class="mybean.data.Login" scope="session"/>
<HTML><HEAD><%@ include file="head.txt" %></HEAD>
<BODY bgcolor=cyan><font size=2>
<div align="center">
<table border=2>
<tr> <th>登录</th></tr>
<FORM action="loginServlet" Method="post">
<tr><td>登录名称:<Input type=text name="logname"></td></tr>
<tr><td>输入密码:<Input type=password name="password"></td></tr>
</table>
<Input type=submit name="g" value="提交">
</FORM>
</div >
<div align="center" >
登录反馈信息:<br>
<jsp:getProperty name="loginBean" property="backNews"/>
<br>登录名称:<br><jsp:getProperty name="loginBean" property="logname"/>
</div>
</font>
</BODY></HTML>
程序结果:

  四、浏览手机

源代码:

lookMobile.jsp

<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="java.sql.*" %>
<HTML><HEAD><%@ include file="head.txt" %></HEAD>
<BODY bgcolor=cyan><font size=2>
<div align="center">
<h2>选择某类手机<br>分页显示这类手机</h2>
<%   try {  Class.forName("com.mysql.jdbc.Driver");
      }
      catch(Exception e){} 
      String uri="jdbc:mysql://127.0.0.1/mobileshop?"+
                             "user=root&password=111111&characterEncoding=UTF-8";
      Connection con; 
      Statement sql;

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值