HighStock的JS控件对数据进行可视化展示

1、Java 高级应用技术一、问题的描述内容1.利用HighStock的JS控件随意抓取的新浪股票的数据进行可视化展示。内容2.利用JavaMail给自己发送邮件（注意密码为自己的独立密码）。二、程序设计与分析第一部分（HighStock对实验一当中的新浪股票数据进行展示，代码包为HighStock）导入项目打开 Eclipse, FileImportGeneralExisting Projects into Workspace，选择程序放置 的地方，点击 OK 。首先，找到了实现所需要的图形，点开选中的图形，对这幅图进行各种各样的操作， 以测试它的功能是否真的符合要求。当确定这幅图是所需后，点击

2、下面的“EDIT IN JSFIDDLE”按钮，就能够查看实现图形界面的代码。因为所需要实现的是一种动态的网页, 不能够单纯地传输一个固定股票的数据。所以需要根据用户输入的股票代码，从数据库中把 相应的数据提取出来，并传输到页面的 javascript 的代码中进行显示。第一步，从数据库当中调取某只股票的日线股价数据，用简单的hibernate和struts2。其 中，在hibernate的配置文件hibernate.cfg.xml当中需要配置好最重要的数据库url、用户 名和密码。然后，还需要完成好 model 包下的持久化类的创建，写好所有属性的 getter 和setter方法。使用xm

3、l映射文件的方式达到ORM的效果。当网页的 form 请求发送到后台时，在 struts.xml 文件中指定了相应的方法。在 get_kline_day 这个方法中，通过 hibernate 的持久化类获取了关于某个股票代码的日线数 据，用List来保存。然后把这个list以及股票代码传到session当中。那么当后台返回页 面时，就会把这个session带上，而只要在前端从session中获取list，就完成了从后台到 前端的数据传输了。get_kline_day方法返回字符串SUCCESS，当struts.xml看到它返回 SUCCESS后，就会给前端重定向到index.jsp页面。在前端

4、，模仿 highstock 官网上的 demo 来构造自己的表格。在上面第四步的时候，往 session当中传入了所需要的返回数据，要在jsp当中把该数据从session提取出来，并把 它存入到html的一个隐藏元素当中。当整个html加载完后，浏览器会开始运行js代码。 然后，分别把股价push到ohlc数组中，把成交量push到volume数组中。到最后直接 模仿 demo 构建好整个图片。伪代码： 开盘价 Run on server就能够启动成功。截图如下：Tomcat 8.03OS3 BAn outline is not available.洽 Project Explorer 洌 a

5、 laR Markers E Properties 卅占 Servers Data Source Explorer 鉛 Snippets 国 Console 3Tomcat v8.0 Server at localhost Apache Tomcat C:Program FiIesJavajrel.8.0 40binjavaw.exe （2015年4月8日 下午7:44:28）箕躱Tomcat 8.03OS3 BAn outline is not available.洽 Project Explorer 洌 a laR Markers E Properties 卅占 Servers Data

6、Source Explorer 鉛 Snippets 国 Console 3Tomcat v8.0 Server at localhost Apache Tomcat C:Program FiIesJavajrel.8.0 40binjavaw.exe （2015年4月8日 下午7:44:28）箕躱I盛砧圆更）1 E日 + O 电或：命 O 绻Quick Access Java EE - HYPERLINK http:/locaIhostrSOSO/HighStock/ http:/locaIhostrSOSO/HighStock/ - Eclipse卜h|即|三胡|File Edit Nav

7、igate Search Project Run Window Help=C-HLCO-C3reIB纬|亍pa HighStock HighStock m WebContent 囱 pom.xml 曲 README.md Servers島 Project Explorer 却 1=1 BF 一：娥丨“ 肌 HighStock HighStock ms t 也 Deployment Descriptor: t 図 JAX-WS Web Services t 独 Java Resources t 毘 JavaScript Resources t 环 lib t 窃 a target t s Web

8、Content 研 n pom,xml 曲 README.mdt 3 Servers t 習 Tomcat &0_LZI W I II II -LUO. I U I U 丄 &II IXCJf n |_ J四月 08, 2015 7:47:45 下午 org.hibernate.tool.hbm2ddl.TableMetadata INFO: HHH00O126: Indexes: primary四月 08, 2015 7:47:45 下午 org. hibernate .tool. hbm2ddl. Schemallpdate execute INFO: HHH00O232: Schema

9、update complete查询完毕查询完毕篦 Java EE - HYPERLINK http:/localhost:8080/HighStock/ http:/localhost:8080/HighStock/ -氐lipse| 口 | 卸 |艺File Edit Navigate Search Project Run Window Help3|魯 HYPERLINK http:/l http:/l oca I h ost:8080/H ig hStock/in dex.j sp股票日线图查看|提交|Zoom 1 m 3 m 6m YTD 1 y AllAn outline is not

10、 available.szOOO521 Historical_ Markers C Properties 皑 Servers 餐 Data Source Explorer 底i Snippets 貝 Console 滋Tomcat v8.0 Server at localhost Apache Tomcat C:Program FiIesJava|rel.8.0_40binjavaw.exe （2015年4月8日 下午7:44:28） xim w, I ii ii xuo i ui cxgi i_rxcy o . jj_四月 08, 2015 7:47:45 下午 org. hibernate

11、 .tool, hbm2ddl .TableMetadata INFO: HHH000126: Indexes: primary四月 08, 2015 7:47:45 下午 org. hibernate .tool. hbm2ddl. Schemallpdate execute INFO: HHH000232: Schema update complete 查询完毕查询完毕第二部分（用 JavaMail 给自己发送邮件，代码包为 JavaMail）1 导入项目：打开 Eclipse, FileImportGeneralExisting Projects into Workspace 选择 程序

12、放置的地方，点击 OK。2. Javamail 的伪代码如下：有一点需要注意的是邮箱的密码是自己设置的独立密码。 public class SendEmail 定义一个SMTP授权验证类 static class SmtpAuth extends Authenticator String user, password;设置帐号信息void setAccount(String user, String password) this.user = user; this.password = password;取得 PasswordAuthentication 对象protected Passwor

13、dAuthentication getPasswordAuthentication() return new PasswordAuthentication(user, password);咼收信测试邮件国通讯录这是一用于测试hvaMai啲邮件收劇时 间:2015年4月8日（星期三）晩上7:59 收件人：鹽星 附 件：1个（画山四Mmil测试附件.doc）人 H星标畴 群邮件（34） 箱已雄 已删除 垃圾箱 qq由mtr阅臨臨附件（1个）Q附件舷田養的文件夹其他邮箱普通附件漂却（3） i 贺卡I明信片 日历|记事本ShvmMmil测试附件.doc （31.50K） 下裁昵呃转存I快捷回亘给：1261226244文件中转站阅塗空问（17）:曰 1261226244201330650419莫和清|畑回| 回复回复錄转发11删除| 彻風3除| 钿拒收11旋为. |移动到.“ |JHPt电匚trf Pjl9-Mr-d