SSM校園二手交易平臺

1.技術(shù)介紹

java+struts2+spring+mysql+mybatis+JSP

開發(fā)工具:eclipse

2.主要功能說明:

1)用戶

注冊、登錄、首頁、分類欄目、發(fā)布閑置、下單、查看我的訂單、我的出售、收貨地址

2)管理員

登錄、訂單管理、會員管理、欄目管理、商品管理、管理員信息管理

3.部分代碼展示:

注冊頁面

```java

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ taglib prefix="s" uri="/struts-tags" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/pintuer.css" />

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/web.css" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/font-awesome-4.5.0/css/font-awesome.min.css" />

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/js/pintuer.js"></script>

</head>

<body>

<!--********************************? ? ? ? ? 首欄? ? ? ? ? ? ? ***********************************-->

<div class="register-head-div">

<div class="register-head-container container">

<div class="register-line line">

<div class="x2">

<img src="${pageContext.request.contextPath}/img/Logo03.png" />

</div>

<div class="x7">

<h1>歡迎注冊</h1>

</div>

<div class="x3">

<ul class="bread">

<li>&nbsp;</li>

<li><strong>已有帳號,</strong><a href="user_loginar.action">請登錄</a></li>

<li>&nbsp;</li>

</ul>

</div>

</div>

</div>

</div>

<!--********************************? ? ? ? ? 中部注冊? ? ? ? ? ? ? ***********************************-->

<div class="register-body-container container">

<div class="line">

<div class="x2">

</div>

<div class="x5">

<form action="user_reg.action" method="post">

<div class="register-body-first-line line">

<div class="user-div">

<div class="x3">

<p>用&nbsp;戶&nbsp;名</p>

</div>

<div class="x9">

<input type="text" name="username" id="" placeholder="您的帳戶名/登錄名" maxlength="15"/>

</div>

</div>

</div>

<div class="line">

<div class="other-div">

<div class="x3">

<p>姓名</p>

</div>

<div class="x9">

<input type="text" name="name" id="" placeholder="請輸入真實姓名" maxlength="15"/>

</div>

</div>

</div>

<div class="line">

<div class="other-div">

<div class="x3">

<p>聯(lián)系方式</p>

</div>

<div class="x9">

<input type="text" name="phone" id="" placeholder="請輸入手機號" maxlength="15"/>

</div>

</div>

</div>

<div class="line">

<div class="other-div">

<div class="x3">

<p>設(shè)置密碼</p>

</div>

<div class="x9">

<input type="password" name="password" placeholder="建議至少使用兩種字符組合" maxlength="15"/>

</div>

</div>

</div>

<div class="line">

<div class="other-div">

<div class="x3">

<p>確認密碼</p>

</div>

<div class="x9">

<input type="password" id="" placeholder="請再次輸入密碼" maxlength="15"/>

</div>

</div>

</div>

<div class="line">

<div class="other-div">

<div class="x3">

<p>驗&nbsp;證&nbsp;碼</p>

</div>

<div class="x6">

<input type="text" id="code" placeholder="請輸入驗證碼" maxlength="4"/ onblur="yanzheng();">

</div>

<div class="x3">

<img src="${pageContext.request.contextPath}/AuthImg" id="authCode"? onclick="changeImg()"/>

</div>

</div>

</div>

<div class="line">

<input type="submit" class="submit-button" value="立即注冊" id="submit-button"/>

</div>

</form>

</div>

<div class="register-body-x1 x1">

</div>

<div class="x1">

</div>

<div class="x3">

<div class="img-line line">

<img src="${pageContext.request.contextPath}/img/head-im.png" />

</div>

<div class="word-line line">

<div class="x8">

<ul>

<li>&nbsp;</li>

<li>

<p><strong>1.</strong>有中國國籍</p>

</li>

<li>

<p><strong>2.</strong>18-55周歲</p>

</li>

<li>

<p><strong>3.</strong>無不良誠信記錄</p>

</li>

<li>

<p><strong>4.</strong>持有各行信用卡/儲蓄卡</p>

</li>

<li>&nbsp;</li>

</ul>

</div>

<div class="x4">

</div>

</div>

</div>

</div>

<div class="register-body-last-line line">

</div>

</div>

<!--********************************? ? ? ? ? 底部導(dǎo)航? ? ? ? ? ? ? ***********************************-->

<div class="container-layout">

<div class="padding-top">

<div class="text-center">

<ul class="nav nav-inline">

<li><a href="#">關(guān)于我們</a></li>

<li><a href="#">新聞資訊</a> </li>

<li><a href="#">產(chǎn)品中心</a> </li>

<li><a href="#">技術(shù)反饋</a> </li>

<li><a href="#">留言反饋</a> </li>

<li><a href="#">聯(lián)系方式</a> </li>

</ul>

</div>

<div class="text-center height-big">

版權(quán)所有 ? 遼寧科技學(xué)院,備案:8888888888

</div>

</div>

</div>

</body>

<script type="text/javascript">

//alert("${authCode}");

function changeImg(){? ?

? ? $("#authCode").attr("src","${pageContext.request.contextPath}/AuthImg?d="+new Date().getTime());? ?

}?

function yanzheng(){

var url="user_yanzhengma.action";

$.post(url,function(code){

if($("#code").val()==code){

$("submit-button").disabled=false;

return true;

}else{

alert("驗證碼錯誤,請重試!");

$("submit-button").disabled=true;

return false;

}

});

function tijiao(){

}

}

</script>

</html>```

4.系統(tǒng)演示地址:

鏈接:https://pan.baidu.com/s/1XnGkagciduuQAkk6bWN_5A

提取碼:a8ul

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容