Java課程設計——博客做業教學數據分析系統（201521123084 林正晟）

時間 2019-12-14

標籤 java 課程設計博客教學數據分析系統欄目 Java 简体版

原文原文鏈接

#課程設計——博客做業教學數據分析系統（201521123084 林正晟）

1.團隊課程設計博客連接

博客做業教學數據分析系統html

2.我的負責模塊或任務說明

學生登錄界面的前端實現和與數據庫的鏈接

學生博客做業成績查詢界面的前端實現和與數據庫的鏈接

3.本身的代碼提交記錄截圖

4.本身負責模塊或任務詳細說明

（1）學生登陸界面的前端實現和與數據庫創建鏈接前端

這只是一個簡單的登陸界面（或者說是查詢界面可能比較合適，由於這個頁面不須要輸入密碼就能夠直接用學號查詢本身的成績分析）。因此從網頁上找來一個較爲美觀的js代碼。以後再在最後加上一段html代碼並進行調參：java

</style>
</head>
<body>
    <form action="LoginServlet" method="post" id="slick-login">
        <h1 align="center" style="color:white;font-size:30  px";>我的做業統計</h1>
        <label for="username">username</label>
        <input type="text" name="username" class="placeholder" placeholder="學號">
        <input type="submit" value="登陸">
    </form>
</body>
</html>

但最終，因爲這個界面只能進行學生查詢，而不能進行教師登陸等比較完善的功能而被棄用。
實現效果：
web

（2）學生博客做業成績查詢界面的前端實現和與數據庫的鏈接數據庫

這個成績查詢頁面實現主要是靠兩個代碼文件，一個是GetDataServlet.java文件，另外一個是echarts實現文件showTheChartjsp。首先，在編寫echarts文件時，須要引入一個echarts.min.js文件來進行實現。首先從官網上找來柱狀折線圖實例的源代碼，以後再進行一些必要的調參，並在其中寫入必要的java代碼，用'bar'（柱狀圖）來實現學生的博客做業成績，再用'line'（折線圖）來實現該次做業全班同窗的本次平均成績。而GetDataServlet.java主要是創建echarts與數據庫的鏈接，關鍵代碼以下：
網絡

以後還用到了Map類，用來生成JSON字符串，關鍵代碼以下：
echarts

而最終實現效果：
jsp

5.課程設計感想

本次的課程設計是在李嘉廉同窗的邀請下，思索了良久最終加入了「五條狗」的團體，猶豫的緣由是由於本身的代碼能力實在有限，怕跟不上大神們的節奏。但最終，在各位大神的幫助下，我仍是艱難完成了屬於本身模塊的任務。
本次課設須要用到echarts圖表，這是一個全新的領域，之前歷來沒接觸過，並且本次課設安排在兩門考試中間，在時間上顯得很是的緊迫，怕本身沒辦法作好，以致於咱們要提前一週開始作課程設計。但最終，在老師的代碼示例，以及echarts官網上的實例，還有大神的幫助一下，仍是艱難的將圖表頁面完成。我負責的是學生成績查詢頁面以及前端與數據庫的鏈接，作出了來的頁面效果還較爲美觀滿意的。
本次Java課設是我接觸代碼以來最可貴一次課設，對個人幫助仍是挺大的，學會了如何在網頁端製做echarts圖表，如何基於web來實現各類功能，還略微瞭解了一些網絡爬蟲的技術，我相信此次的Java課程設計對我在大學生涯中的學習起到了很是大的做用。post

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。