课程设计——博客作业教学数据分析系统（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. CSDN社区投诉申请表

    最近两天我发现我的个人网站,业余草:www.xttblog.com,流量急速下滑.经过分析,发现是被CSDN社区的一个博客网友将我网站上的内容搬到了他的CSDN博客上.导致了已搜索就全部导流到了CSD ...

  2. NYOJ 23.取石子（一）

    取石子(一) 时间限制:3000 ms  |  内存限制:65535 KB 难度:2   描述 一天,TT在寝室闲着无聊,和同寝的人玩起了取石子游戏,而由于条件有限,他/她们是用旺仔小馒头当作石子.游 ...

  3. python基础===filter在python3中的用法

    l = range(0,20) def f(x): if x%2 == 0: return True print(list(filter(f,l))) #和python2的区别在于,要加一个list

  4. 【有意思的BUG】视频连接超时

    最近遇到了一个BUG,但是它的出现又存在概率,所以挺有意思的. BUG的现象是:视频在播放过程中(已播放进度<已加载进度),首先出现了缓冲的动画效果其次呈现雪花背景并且抛出异常"视频连 ...

  5. PL/SQL 编程（三 ）程序包和包体，触发器，视图，索引

    一.程序包和包体 程序包(package):存储在数据库中的一组子程序.变量定义.在包中的子程序可以被其它程序包或子程序调用.但如果声明的是局部子程序,则只能在定义该局部子程序的块中调用该局部子程序. ...

  6. js版贪吃蛇

    之前没有写博客的习惯,这是我的第一个博客,有些的不好的地方,希望大家多多提意见 js版的贪吃蛇相对比较简单,废话不多说直接上代码,有需要注意的地方我会标红,github源码地址https://gith ...

  7. 在 Android 中如何优雅地配置私密信息

    在实际的项目开发中,经常会用到一些第三方的 SDK ,而使用这些 SDK 基本上都是需要配置 APPKEY 或 APPSECRET 等信息.此外 APP 打包时需要 KEYSTORE , STOREP ...

  8. ASP.NET MVC5写.php路由匹配时的问题 ASP.NET MVC 4 在 .NET 4.0 与.NET 4.5 的專案範本差異

    由于外包公司结束合作,所以考虑把其APP服务替换过来,因原后台是用php写的,在不影响员客户端使用的情况下在MVC下重写路由配置实现处理原php链接地址的请求,但实现时发现怎么也匹配不到自己写的路由, ...

  9. bootstrap modal 弹出效果

    window.showMsg = function (msg) { //显示悬浮窗 $("#autoCloseModal").modal("show") //设 ...

  10. Mybatis映射原理，动态SQL，log4j

    1.理清mybatis中的#和$之间的区别? #{ }:表示一个预处理参数,参数类型不定,是根据传入的参数类型来设定的. 类似于JDBC中的? 特例使用,模糊查询:(针对oracle): and us ...