日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 运维知识 > windows >内容正文

windows

投票系统的前台实现

發布時間:2024/4/17 windows 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 投票系统的前台实现 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

2019獨角獸企業重金招聘Python工程師標準>>>

投票系統的前臺實現

  • dao部分(我們將選項內容也裝到了我們查詢結果中,相當于一次查詢出,所有投票內容以及選項信息)
  • public List<Subject> findAll(int currentPage, int pageSize) {String sql = "select subid,subContent from tb_subject limit ?,?";return DAOHelper.executeQuery(conn1, sql, new Object[]{(currentPage-1)*pageSize,pageSize}, new CallBack() {public List getList(ResultSet rs) {List list = new ArrayList();Subject sub = null;OptionsDAO odao = new OptionsDAO();try {while(rs.next()){sub = new Subject();sub.setSubId(rs.getInt("subid"));sub.setSubContent(rs.getString("subContent"));sub.setOptions(odao.findBySubId(rs.getInt("subid")));list.add(sub);}} catch (SQLException e) {e.printStackTrace();}return list;}});}
  • servlet
  • 跟我們之前實現查詢的代碼一樣
  • jsp部分
  • <style>*{margin:0;padding:0;}#detail{background-color:#eee;width:800px;margin:0px auto;margin-top:40px;}</style><script type="text/javascript">$(function(){$.ajax({method:"get",url:"VoteServlet?flag=find",data:"",//dataType:"json",success:function(msg){//alert(msg);var data = JSON.parse(msg);//查看所有投票內容showVoteList(data);},error:function(){alert("數據請求錯誤,請稍后再試!");}});});function showVoteList(data){$("#detail").empty();if($.isEmptyObject(data)){$("#detail").append("<div class='row' style='font-size:30px; padding-left:43%;height:80px; padding-top:20px;'>暫無相關數據</div>");}else{//循環數據for(var i in data){//顯示投票內容var voteRow = $("<div class='row' style='font-size:25px; padding-top:10px'></div>");voteRow.text(data[i].subContent);//找到data中的所有選項for(j in data[i].options){//如果選項中的subID和我們取得的subid一樣if(data[i].options[j].subId == data[i].subId){//將選項內容添加到投票內容下面var optionRow = $("<div class='row' style='font-size:20px; margin-left:0px;background-color:#b3b3b3;margin-right:0'></div>");//左邊復選框,右邊是選項內容var leftRow = $("<div class='col-sm-1'></div>");//復選框var checkbox = $("<input type='checkbox' style='width:20px;height:25px;'/>")var rightRow = $("<div class='col-sm-11' style='margin-left:-35px;'></div>")leftRow.append(checkbox);rightRow.text(data[i].options[j].opItem);//將左右兩邊的div加到選項div中optionRow.append(leftRow);optionRow.append(rightRow);//將選項div加到對應投票內容的div中voteRow.append(optionRow);}}$("#detail").append(voteRow);}}}</script></head><body><!-- 首頁投票內容顯示 --><div class='container' id="detail"></div></body>

    轉載于:https://my.oschina.net/u/2968127/blog/808391

    總結

    以上是生活随笔為你收集整理的投票系统的前台实现的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。