课程设计——博客作业教学数据分析系统（201521123084 林正晟）

1.团队课程设计博客链接

博客作业教学数据分析系统

2.个人负责模块或任务说明

  • 学生登陆界面的前端实现和与数据库的连接
  • 学生博客作业成绩查询界面的前端实现和与数据库的连接

3.自己的代码提交记录截图

4.自己负责模块或任务详细说明

（1）学生登录界面的前端实现和与数据库建立连接

这只是一个简单的登录界面（或者说是查询界面可能比较合适，因为这个页面不需要输入密码就可以直接用学号查询自己的成绩分析）。所以从网页上找来一个较为美观的js代码。之后再在最后加上一段html代码并进行调参：

</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>

但最终，由于这个界面只能进行学生查询，而不能进行教师登录等比较完善的功能而被弃用。

实现效果：

（2）学生博客作业成绩查询界面的前端实现和与数据库的连接

这个成绩查询页面实现主要是靠两个代码文件，一个是GetDataServlet.java文件，另一个是echarts实现文件showTheChartjsp。首先，在编写echarts文件时，需要引入一个echarts.min.js文件来进行实现。首先从官网上找来柱状折线图实例的源代码，之后再进行一些必要的调参，并在其中写入必要的java代码，用'bar'（柱状图）来实现学生的博客作业成绩，再用'line'（折线图）来实现该次作业全班同学的本次平均成绩。而GetDataServlet.java主要是建立echarts与数据库的连接，关键代码如下：

之后还用到了Map类，用来生成JSON字符串，关键代码如下：

而最终实现效果：

5.课程设计感想

本次的课程设计是在李嘉廉同学的邀请下，思索了良久最终加入了“五条狗”的团体，犹豫的原因是因为自己的代码能力实在有限，怕跟不上大神们的节奏。但最终，在各位大神的帮助下，我还是艰难完成了属于自己模块的任务。

本次课设需要用到echarts图表，这是一个全新的领域，以前从来没接触过，而且本次课设安排在两门考试中间，在时间上显得非常的紧迫，怕自己没办法做好，以至于我们要提早一周开始做课程设计。但最终，在老师的代码示例，以及echarts官网上的实例，还有大神的帮助一下，还是艰难的将图表页面完成。我负责的是学生成绩查询页面以及前端与数据库的连接，做出了来的页面效果还较为美观满意的。

本次Java课设是我接触代码以来最难得一次课设，对我的帮助还是挺大的，学会了如何在网页端制作echarts图表，如何基于web来实现各种功能，还略微了解了一些网络爬虫的技术，我相信这次的Java课程设计对我在大学生涯中的学习起到了非常大的作用。

Java课程设计——博客作业教学数据分析系统（201521123084 林正晟）的更多相关文章

  1. Java课程设计——博客作业教学数据分析系统（201521123082 黄华林）

    Java课程设计--博客作业教学数据分析系统(201521123082 黄华林) 一.团队课程设计博客链接 博客作业教学数据分析系统(From:网络五条狗) 二.个人负责模块或任务说明 1.网络爬虫 ...

  2. Java课程设计——博客作业教学数据分析系统（201521123091 李嘉廉）

    #课程设计--博客作业教学数据分析系统(201521123084 李嘉廉) 1.团队课程设计博客链接 博客作业教学数据分析系统 2.个人负责模块或任务说明 數據分析 Kmeans聚類算法實現 多元綫性 ...

  3. java课程设计——博客作业教学数据分析系统（201521123083 戴志斌）

    目录 一.团队课程设计博客链接 二.个人负责模块或任务说明 三.自己的代码提交记录截图 四.自己负责模块或任务详细说明 五.课程设计感想 (题外话,终于可以用markdown建目录) 一.团队课程设计 ...

  4. Java语言课程设计——博客作业教学数据分析系统(201521123107 张翔)

    #Java语言课程设计--博客作业教学数据分析系统(个人博客) 1.团队课程设计博客链接 [博客作业教学数据分析系统(From:网络五条狗)](http://www.cnblogs.com/fanta ...

  5. Java课程设计博客（个人）

    Java课程设计博客(个人) 1. 团队课程设计博客链接 http://www.cnblogs.com/wkfg/p/7063081.html 2. 个人负责模块或任务说明 负责模块/任务:编写doG ...

  6. Java课程设计博客（团队）

    Java课程设计博客(团队) 1. 团队/项目名称 使用JAVA实现简易HTTP服务器 2. 团队成员 组长:林一心 组员:张杭镖 3. 项目git地址 https://github.com/oran ...

  7. Java第二次博客作业

    Java第二次博客作业 时间过的很快啊,在不知不觉中这门课程的学习也就快要过去一半了,现在就来总结一下在这个第二个月的学习当中存在的问题以及得到的心得. 1.前言 第四次题目集和第五次题目集给我的感觉 ...

  8. OO--第三单元规格化设计 博客作业

    OO--第三单元规格化设计 博客作业 前言 第三单元,我们以JML为基础,先后完成了 PathContainer -> Graph -> RailwaySystem 这是一个递进的过程,代 ...

  9. 团队作业1——团队展示&博客作业查重系统

    团队展示: 1.队名:六个核桃 2.队员学号: 王婧(201421123065).柯怡芳(201421123067组长).陈艺菡(201421123068). 钱惠(201421123071).尼玛( ...

随机推荐

  1. 字符串--hdu--3783--ZOJ

    /* Name: 字符串--hdu--3783--ZOJ Author: shen_渊 Date: 17/04/17 20:58 Description: 明天开始刷字符串的题,先来道水题 */ #i ...

  2. JS数组去重的十种方法

    一.前言: 我们在实际工作中,或者在面试找工作时,都会用到或者被问到一个问题,那就是"数组如何去重".是的,这个问题有很多种解决方案,看看下面的十种方式吧! 二.数组去重方式大汇总 ...

  3. MacOS下安装gdb、mgo

    安装gdb:http://blog.panks.me/posts/2013/11/install-gdb-on-os-x-mavericks-from-source/ 注意最后两步: killall ...

  4. jQuery之jquery.lazyload.js插件用法

    研究背景:网站中如果图片过多,就会因为加载图片而等待很长时间,此时我们就用到图片延时加载插件jquery.lazyload.js,这个插件可以让我们在向下滚动的时候加载图片.让网页首屏尽可能快的加载进 ...

  5. HDU 1028 Ignatius and the Princess III：dp or 母函数

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1028 题意: 给你一个正整数n,将n拆分成若干个正整数之和,问你有多少种方案. 注:"4 = ...

  6. Failed to load JavaHL Library. These are the errors that were encountered:

    问题: Failed to load JavaHL Library.These are the errors that were encountered:no msvcp100 in java.lib ...

  7. NSURLConnection从入门到放弃

    尽管NSURLConnection已经不建议使用了,iOS 7取而代之的是NSURLSession,但是本文依然打算剖析一下,其中一些思想还是值得学习一下,如果您不用NSURLConnection,并 ...

  8. 像Linux终端一样使用windows命令行【cmder】

    像Linux终端一样使用windows命令行[cmder] 下载cmder 我下载的是full版,下载之后是个压缩包,解压之后点击cmder.exe即可运行. 需要解决的几个问题 默认的是λ,当然还是 ...

  9. node.js之setTimeout()、clearTimeout()与 setInterval()与clearInterval()

    1.setTimeout函数与clearTimeout函数 setTimeout(cb,ms,[arg],[...])延时一定时间执行回调函数该函数中cb参数为必填函数,为需要执行的回调函数ms为经过 ...

  10. 【转载】Linux的inode的理解

    本文转在是博主为了以后温习.请访问原文链接 http://www.cnblogs.com/itech/archive/2012/05/15/2502284.html 一.inode是什么? 理解ino ...