课程设计——博客作业教学数据分析系统（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. 怎样做才是最优雅方式切换 web 项目数据源 ？

    随着业务变迁/需求变更,JavaEE 应用中会被迫连接多个数据源进行业务处理. 怎样在不影响原有项目结构的情况下,已最优雅/最简洁的方式动态切换数据源呢? 本文已一次添加数据源后动态切换实践为例,描述 ...

  2. .Net Core下使用WCF

    在.net core 下的wcf 和framework下的wcf使用方式有点不太一样.在core下用wc,需要安装VS扩展Visual Studio WCF Connected Service,目前这 ...

  3. 多态性（C#）

    在面向对象编程中继承性和多态性是重要机制,前面我为大家分享了我对“类的继承”的理解,哪么今天我就跟大家分享下我对“多态性(C#)”的理解. 首先我们先来看看多态的定义,同一操作作用于不同的对象,可以有 ...

  4. WebBrowser keystroke

    问题描述:将对话框中的回车消息传递到WebBrowser控件中去. 一开始的解决方案是:通过iwebbrowser2的成员函数get_HWND获取控件的句柄,然后通过SendMessage发送按键消息 ...

  5. node.js之require

    1.require.resolve('./testModeule.js')在REPL运行环境下输入,可以查询到当前目录下textModeule.js模块文件的完整文件名 2.require.cache ...

  6. 神经网络与深度学习笔记 Chapter 3.

    交叉熵 交叉熵是用于解决使用二次代价函数时当单个神经元接近饱和的时候对权重和bias权重学习的影响.这个公式可以看出,当神经元饱和的时候,sigma的偏导接近于0,w的学习也会变小.但是应用交叉熵作为 ...

  7. EasyUI Datagrid 鼠标悬停显示单元格内容 复制代码

    EasyUI Datagrid 鼠标悬停显示单元格内容 ,halign:, align: 0 « 上一篇:LINQ to Entities 中的查询» 下一篇:去掉字符串中的非数字字符 posted ...

  8. Fedora删除旧版本内核

    由于Fedora升级非常快,因此非常有必要清除陈旧的内核,否则的话,每次登录系统会出现多个引导项,看着烦人也占用内存: 1.查看当前使用的内核 [root@w ~]# uname -r 4.9.14- ...

  9. 你以为你真的会用编辑器----之Emacs

    Emacs... -------------------------- EMACS,即Editor MACroS(编辑器宏)的缩写,Emacs,著名的集成开发环境和文本编辑器.Emacs被公认为是最受 ...

  10. 火币网现货API[Python3版]

    火币 期货 现货 API [Python3版] 一.Util.py,基础类,包括参数配置.签名,HTTP 请求方法,发送信息到API #coding=utf-8 import hashlib impo ...