投票系统

本文介绍了一个简单的投票系统的数据库设计及前端界面实现。该系统包括四个主要表:用户表、投票表、投票选项表和用户投票表。通过使用iframe和自定义脚本实现了主界面的动态调整,并展示了投票选项的展示逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一个小小的投票系统,首先创建四张数据库的表,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()"
                        frameborder="0"
                        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");

来对日期进行转换.

做完后,感觉就是对数据库的增改查,还有业务逻辑的思考,虽然不是很难,但是代码写的很多重复的,也很乱.所以就不继续粘贴代码了,

基本的投票发起投票和进行投票的功能都实现了,不过还没实现进行多选的投票,还有数据库查询后分页的功能没有实现,以后再看看能不能继续完善,

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值