1. 程式人生 > 其它 >SSM校園二手交易平臺

SSM校園二手交易平臺

1.技術介紹
java+struts2+spring+mysql+mybatis+JSP
開發工具:eclipse
2.主要功能說明:
1)使用者
註冊、登入、首頁、分類欄目、釋出閒置、下單、檢視我的訂單、我的出售、收貨地址
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>聯絡方式</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>設定密碼</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>
<!--******************************** 底部導航 ***********************************-->
<div class="container-layout">
<div class="padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li><a href="#">關於我們</a></li>
<li><a href="#">新聞資訊</a> </li>
<li><a href="#">產品中心</a> </li>
<li><a href="#">技術反饋</a> </li>
<li><a href="#">留言反饋</a> </li>
<li><a href="#">聯絡方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版權所有 © 遼寧科技學院,備案: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.系統演示地址:
連結:https://pan.baidu.com/s/1XnGkagciduuQAkk6bWN_5A
提取碼:a8ul