原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
新生信息录入系统
该系统是一个简单的信息双向的交互系统，没有大型的数据库作为后台的信息存储，而是基于Excel表格程序，对数据的双向同步。通过应用HTML语言，通过调用ActiveX控件，利用java语言完成的简单操作。
（主要应用的工具是Editplus软件。）
1. 首先是Excel表格文件的生成：（指定生成到电脑D盘）。
1.1 代码编写如下图：
主要源代码如下
!doctype html
html lang=en
head
titleExcel的双向交互-延边大学/title
meta charset=UTF-8
meta name=Generator content=EditPlus?
meta name=Author content=
meta name=Keywords content=
meta name=Description content=
script type =text/javascript
//javascript xlsx
function createExcel(){
//创建一个Excel的应用对象 ActiveX
var xlobj = new ActiveXObject(Excel.Application);
var xlBook = xlobj.Workbooks.Add;//新增一个工作薄
var excelSheet = xlBook.Worksheets(1);//拿到工作表
//保存为
excelSheet.SaveAs(d:\\新生信息.xlsx);
//设置可见
excelSheet.Application.Visible = true;
}
/script
/head
body
button onclick=createExcel()点击创建Excel/button
/body
/html
1.2 运行：
可以通过两种方式进行运行，一是通过editplus进行预览，二是找到生成的.html文件，通过电脑浏览器打开。运行效果如图：
注意：运行时电脑会提醒ActiveX控件和本页的其他部分的交互可能不安全，是否允许，点击是方可运行。
通过单击运行显示的按钮“点击创建Excel”观察计算机D盘的前后变化：
此上步骤我们便完成交互的第一步，Excel文件的创建，接下来我们就要进行前台操作也面的设计，以及数据交互的操作：
2. 页面设计与数据交互
2.1 首先是对名称的设定，以及文件浏览的实现
body
div class=box
h1信息管理-新生信息录入系统/h1
a href=#class=btn onclick=openBrows()选择文件/a
input type=file id=excelfile onchange=openExcel() style=Display:none/
span class= title 学生信息表/span
/div
/body
接下来是对按钮与标题的设计，其中包括字体、背景颜色、页面布局等的设定：
.btn{
width:200px;
height:36px;
display:block;
border:1px solid #0033ff;
text-decoration:none;
line-height:36px;
text-align:center;
color:#0033ff;
margin:30px auto;
border-radius:18px;
}
.btn:hover{background:#0033ff;white}
body{
background:#003333;
font-family:微软雅黑“；
font-size:20px;
color:#fff;
}
.box{
margin:0 auto;
width:680px;
}
.box h1{
text-align:center;
}
.title{
margin:0 auto;
display: block;
width:100px;
height:40px
background:#0099FF;
line-height:40px;
text-align:center;
border:1px solid #0099FF;
border-radius:40p
文档评论（0）