博客做业教学数据分析系统html
- 学生登录界面的前端实现和与数据库的链接
- 学生博客做业成绩查询界面的前端实现和与数据库的链接
(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
本次的课程设计是在李嘉廉同窗的邀请下,思索了良久最终加入了“五条狗”的团体,犹豫的缘由是由于本身的代码能力实在有限,怕跟不上大神们的节奏。但最终,在各位大神的帮助下,我仍是艰难完成了属于本身模块的任务。
本次课设须要用到echarts图表,这是一个全新的领域,之前历来没接触过,并且本次课设安排在两门考试中间,在时间上显得很是的紧迫,怕本身没办法作好,以致于咱们要提前一周开始作课程设计。但最终,在老师的代码示例,以及echarts官网上的实例,还有大神的帮助一下,仍是艰难的将图表页面完成。我负责的是学生成绩查询页面以及前端与数据库的链接,作出了来的页面效果还较为美观满意的。
本次Java课设是我接触代码以来最可贵一次课设,对个人帮助仍是挺大的,学会了如何在网页端制做echarts图表,如何基于web来实现各类功能,还略微了解了一些网络爬虫的技术,我相信此次的Java课程设计对我在大学生涯中的学习起到了很是大的做用。post