一個小小的投票系統,首先創建四張數據庫的表,user用户表,vms_vote投票表,vms_voteitem投票選項表,vms_ joinvote用户投票表

各個表字段如下





各個界面如下







主界面主要用到iframe

<script>
    <!-- 編寫腳本 -->
    function ifmresize(){
        var ifm= document.getElementById("contentframe");
        ifm.height=document.documentElement.clientHeight;
    }
    window.οnresize=function(){
        ifmresize();
    }
</script>
 <div class="col-md-10">
                <iframe
                        width="100%"
                        id="contentframe"
                        name="contentframe"
                        οnlοad="ifmresize()"
                        frame
                        scrolling="auto"
                        src="listjoinvotes.jsp">
                </iframe>
            </div>

界面基本是一樣的結構,有些界面加入了模態框,界面遍歷部分代碼如下,

                        <table class="table table-hover">
                      
                        <thead>
                            <tr>
                                <th>
                                    	選項編號
                                </th>
                                <th>
                                    	選項名稱
                                </th>
                                <th>
                                  		  投票人數
                                </th>
                            </tr>
                            </thead>
                      		<%
                      			VoteItemDAO voteItemDAO = new VoteItemDAO();
                      			List<VoteItem> voteItemList = voteItemDAO.getVoteItemResult(votes.getVoteid());
                      			for(VoteItem voteItem : voteItemList) {    
                      				
                      		%>
                            <tr>
                            	<td>
                            		<%=voteItem.getItemid()+1 %>
                            	</td>
                            	<td>
                            		<%=voteItem.getName() %>
                            	</td>
                            	<td>
                            		<%=voteItem.getVotecount() %>
                            	</td>
                            </tr>
                            <%
                      			}
                            %>
                        </table>

因為數據庫的時間字段是時間戳格式,在界面獲取的是String類型,而且使用的日期選擇器格式也是mm/dd/yy的,所以在裝換的時候,就使用了 private SimpleDateFormat simpleDateFormatTemp = new SimpleDateFormat("MM/dd/yyyy");
private SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");

來對日期進行轉換.

做完後,感覺就是對數據庫的增改查,還有業務邏輯的思考,雖然不是很難,但是代碼寫的很多重複的,也很亂.所以就不繼續粘貼代碼了,

基本的投票發起投票和進行投票的功能都實現了,不過還沒實現進行多選的投票,還有數據庫查詢後分頁的功能沒有實現,以後再看看能不能繼續完善,