spring+hibernate+JQuery开发_电子相册_源码

前端之家收集整理的这篇文章主要介绍了spring+hibernate+JQuery开发_电子相册_源码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_3010@<span style="color: #ff0000;">项目结构:


@H
301_0@

<img src="/res/2019/02-05/23/665de4da8797b36697222c9c590b55b8.png" alt="" width="265" height="477">


@H_301_0@<span style="color: #ff0000;">项目首页


@H_301_0@

<img src="/res/2019/02-05/23/51ffc80f18f5172f8ee8cad01b038569.png" alt="" width="621" height="480">


@H_301_0@<span style="color: #ff0000;">注册页面


@H_301_0@

<img src="/res/2019/02-05/23/be3ffeecd9032e9e7c42b77872e6062a.png" alt="" width="621" height="480">


@H_301_0@<span style="color: #ff0000;">上传图片


@H_301_0@

<img src="/res/2019/02-05/23/db9411cd2ab9e3caa4063bff98112547.png" alt="" width="624" height="480">


@H_301_0@<span style="color: #ff0000;">效果图一:


@H_301_0@

<img src="/res/2019/02-05/23/b84b727ba76f9b470634fd6477eca649.png" alt="" width="624" height="480">


@H_301_0@<span style="color: #ff0000;">效果图二:


@H_301_0@

<img src="/res/2019/02-05/23/c8ad4c22f635c46f937be9970087768b.png" alt="" width="624" height="480">


@H_301_0@<span style="color: #ff0000;">效果图三:


@H_301_0@

<img src="/res/2019/02-05/23/9744b6babdf4f4ec480eac3c63137bf0.png" alt="" width="625" height="480">


@H_3010@<span style="color: #3366ff;">=============================================================


@H
301_0@<span style="color: #ff0000;">下面是代码部分


@H_3010@<span style="color: #3366ff;">=============================================================


@H
301_0@<span style="color: #ff0000;">需要用到的数据库sql


<div class="cnblogs_code">

     
   
  
       auto_increment    name ()   pass (  
     photo_id  auto_increment    title (  fileName (  owner_id    (owner_id)  user_table( );
@H_301_0@

电子相册系统 Meta <电子相册系统 登录显示下面div元素 注册/登录的表格 用户名: 我还没有注册,请让我 注册 登录" 验证用户名是否可用 注册" 登录显示下面div元素 您已经登录成功,下面是您的相册,您也可以 增加相片 显示相片列表的元素 <相片列表 < <上一页 下一页 显示相片的元素 上传图片 图片标题 < 浏览图片 < 上传"
@H_301_0@

org.springframework.web.context.ContextLoaderListener proLogin com.b510.album.web.ProLoginServlet proLogin /proLogin proRegist com.b510.album.web.ProRegistServlet proRegist /proRegist validateName com.b510.album.web.ValidateNameServlet validateName /validateName getPhoto com.b510.album.web.GetPhotoServlet getPhoto /getPhoto showImg com.b510.album.web.ShowImgServlet showImg /showImg pageLoad com.b510.album.web.PageLoadServlet pageLoad /pageLoad turnPage com.b510.album.web.TurnPageServlet turnPage /turnPage proUpload com.b510.album.web.ProUploadServlet proUpload /proUpload album.html
@H_301_0@

配置文件的Schema信息 数据库的驱动 MysqL.jdbc.Driver" 数据库的URL MysqL://localhost:3308/db_ajax" 数据库的用户名 数据库的密码 数据库连接池的最大连接数 数据库连接池的最小连接数 数据库连接池的初始化连接数 数据库连接池的连接的最大空闲时间 factorybean" 属性用来列出全部映射文件 文件 com/b510/album/model/User.hbm.xml com/b510/album/model/Photo.hbm.xml 属性 数据库方言 org.hibernate.dialect.MysqLInnoDBDialect 自动创建数据库 update 显示Hibernate持久化操作所生成sql sql"true sql脚本进行格式化后再输出 sql"true 方法是read-only的 方法使用默认的事务设置 方法
@H_301_0@

$(document).ready( $.getScript("pageLoad" locationStr = resultIndex = locationStr.indexOf("resultCode" resultCode = -1 (resultIndex > 1 resultCode = locationStr.substring(resultIndex + 11 ,resultIndex + 12 "0" alert('恭喜你,上传文件成功!' $('#uploadDiv').dialog('close' "1" alert('本系统只允许上传JPG、GIF、PNG图片文件,请重试!' $('#title,#file').val('' "2" alert('处理上传文件出现错误,请重试!' $('#title,#file').val('' $("#user").val("" $("#pass").val("" 注册对话框 登录用的两个按钮 $("#loginDiv").hide("500" 显示注册用的两个按钮 $("#registDiv").show("500" 用户登录函数 获取user、pass两个文本框的值 user = $.trim($("#user" pass = $.trim($("#pass" (user == || user == "" || pass == || pass =="" alert("必须先输入用户名和密码才能登录" $.post("proLogin",$('#user,#pass',,"script" 用户注册函数 获取user、pass两个文本框的值 user = $.trim($("#user" pass = $.trim($("#pass" (user == || user == "" || pass == || pass =="" alert("必须先输入用户名和密码才能注册" $.post("proRegist",#pass',"script" 用户名是否可用 获取user文本框的值 user = $.trim($("#user" (user == || user == "" alert("您还没有输入用户名!" $.post("validateName",$('#user',"script" 获取当前用户、当前页的相片 $.getScript("getPhoto" 方法 setTimeout("onLoadHandler()",1000 显示照片 $.getScript("showImg?img=" + 翻页的函数 $.getScript("turnPage?turn=" + 上传窗口 $("#uploadDiv" modal: resizable: width: 428 height: 220 overlay: {opacity: 0.5,background: "black" }
@H_301_0@

BaseServlet serialVersionUID = -2041755371540813745L init(ServletConfig config) ApplicationContext ctx = as = (AlbumService) ctx.getBean("albumService" }
@H_301_0@

ValidateNameServlet serialVersionUID = 9038839276327742641L String name = request.getParameter("user" response.setContentType("text/javascript;charset=GBK" 获取输出 PrintWriter out = (name != out.println("alert('恭喜您,该用户名还未使用,你可使用该用户名!');" } out.println("alert('对不起,该用户名已被他人占用!');" out.println("$('#user').val('');" } out.println("alert('验证用户名出现异常,请更换用户名重试!');" } out.println("alert('" + ex.getMessage() + "请更换用户名重试!');" }
@H_301_0@

TurnPageServlet serialVersionUID = -5097286750384714951L String turn = request.getParameter("turn" HttpSession session = request.getSession( String name = (String) session.getAttribute("curUser" Object pageObj = session.getAttribute("curPage" curPage = pageObj == ? 1 response.setContentType("text/javascript;charset=GBK" PrintWriter out = (curPage == 1 && turn.equals("-1" out.println("alert('现在已经是第一页,无法向前翻页!')" } 翻页,修改curPage的值。 curPage += List photos = 翻页后没有记录 (photos.size() == 0 out.println("alert('翻页后找不到任何相片记录,系统将自动返回上一页')" 上一页 curPage -= } 用户正在浏览的页码放入HttpSession中 session.setAttribute("curPage" } out.println("alert('" + ex.getMessage() + "请重试!')" }
@H_301_0@

ShowImgServlet serialVersionUID = 1460203270448078666L String img = request.getParameter("img" HttpSession session = request.getSession( 用户正在浏览的图片放入HttpSession中。 session.setAttribute("curImg" response.setContentType("text/javascript;charset=GBK" 获取输出 PrintWriter out = out.println("$('#show').attr('src','uploadfiles/" + img + "');" }
@H_301_0@

@SuppressWarnings("unchecked" ProUploadServlet serialVersionUID = 642229801989188793L Iterator iter = String title = response.setContentType("text/html;charset=GBK" 获取输出 PrintWriter out = out.println("

猜你在找的Spring相关文章