收藏
下载资源下载资源 加入VIP,免费下载

学生信息录入系统Excel的双向交互赵世强.docx

上传人：b****5 文档编号：12704860 上传时间：2023-04-21 格式：DOCX 页数：24 大小：2.28MB
下载 相关 举报
学生信息录入系统Excel的双向交互赵世强.docx_第1页
第1页 / 共24页
学生信息录入系统Excel的双向交互赵世强.docx_第2页
第2页 / 共24页
学生信息录入系统Excel的双向交互赵世强.docx_第3页
第3页 / 共24页
学生信息录入系统Excel的双向交互赵世强.docx_第4页
第4页 / 共24页
学生信息录入系统Excel的双向交互赵世强.docx_第5页
第5页 / 共24页
点击查看更多>>
下载资源
资源描述

学生信息录入系统Excel的双向交互赵世强.docx

《学生信息录入系统Excel的双向交互赵世强.docx》由会员分享，可在线阅读，更多相关《学生信息录入系统Excel的双向交互赵世强.docx（24页珍藏版）》请在冰豆网上搜索。

学生信息录入系统Excel的双向交互赵世强.docx

学生信息录入系统Excel的双向交互赵世强

新生信息录入系统

　　

该系统是一个简单的信息双向的交互系统，没有大型的数据库作为后台的信息存储，而是基于Excel表格程序，对数据的双向同步。

通过应用HTML语言，通过调用ActiveX控件，利用java语言完成的简单操作。

（主要应用的工具是Editplus软件。

）

1.首先是Excel表格文件的生成：

（指定生成到电脑D盘）。

1.1代码编写如下图：

主要源代码如下

doctypehtml>

Excel的双向交互-延边大学

">

//javascriptxlsx

functioncreateExcel（）{

//创建一个Excel的应用对象ActiveX

varxlobj=newActiveXObject（"Excel.Application"）;

varxlBook=xlobj.Workbooks.Add;//新增一个工作薄

varexcelSheet=xlBook.Worksheets

（1）;//拿到工作表

//保存为

excelSheet.SaveAs（"d:

\\新生信息.xlsx"）;

//设置可见

excelSheet.Application.Visible=true;

}

点击创建Excel

1.2运行：

可以通过两种方式进行运行，一是通过editplus进行预览，二是找到生成的.html文件，通过电脑浏览器打开。

运行效果如图：

注意：

运行时电脑会提醒ActiveX控件和本页的其他部分的交互可能不安全，是否允许，点击是方可运行。

通过单击运行显示的按钮“点击创建Excel”观察计算机D盘的前后变化：

此上步骤我们便完成交互的第一步，Excel文件的创建，接下来我们就要进行前台操作也面的设计，以及数据交互的操作：

2.页面设计与数据交互

2.1首先是对名称的设定，以及文件浏览的实现

信息管理-新生信息录入系统

选择文件

none"/>

　　学生信息表

　　

　　接下来是对按钮与标题的设计，其中包括字体、背景颜色、页面布局等的设定：

　　.btn{

　　width:

200px;

　　height:

36px;

　　display:

block;

　　border:

1pxsolid#0033ff;

　　text-decoration:

none;

　　line-height:

36px;

　　text-align:

center;

　　color:

#0033ff;

　　margin:

30pxauto;

　　border-radius:

18px;

　　}

　　.btn:

hover{background:

#0033ff;white}

　　body{

　　background:

#003333;

　　font-family:

"微软雅黑“；

　　font-size:

20px;

　　color:

#fff;

　　

　　}

　　.box{

　　margin:

0auto;

　　width:

680px;

　　}

　　.boxh1{

　　text-align:

center;

　　

　　}

　　.title{

　　margin:

0auto;

　　display:

block;

　　width:

100px;

　　height:

40px

　　background:

#0099FF;

　　line-height:

40px;

　　text-align:

center;

　　border:

1pxsolid#0099FF;

　　border-radius:

40px;

　　box-shadow:

2px5px5pxrgba（0,0,0,1）;

　　text-shadow:

1px5px5pxrgba（0,0,0,1）;

　　font-size:

16px;

　　}

　　functionopenBrows（）{

　　document.getElementById（"excelfile"）.click（）;

　　}

　　varxlsxObj;

　　varxlsxBook;

　　varexcelSheet;

　　//

　　functionopenExcel（）{

　　xlsxObj=newActiveXObject（"Excel.Application"）;

　　varfilePath=document.getElementById（"excelfile"）.value;

　　xlsxBook=xlsxObj.WorkBooks.open（filePath）;

　　excelSheet=xlsxBook.ActiveSheet;

　　excelSheet.Application.Visible=true;

　　fromExcel（）;//

　　运行实现后的效果如下图：

　　

　　通过点击“选择文件”按钮打开文件，由于暂时没有数据，因此暂时建立一个Excel文件student.xlsx来进行测试运行如图：

　　

2.2下面是对数据项二维表的行的添加，以及二维表属性的设计：

设置一个按钮“添加一行”

　　添加一行

定义二维表属性栏：

序号

姓名

年龄

性别

学号

接下来是对相关属性的设置

table{

margin:

0auto;

border-spacing:

0px;

}

td{

width:

100px;

height:

40px;

background:

#ADADAD;

border-right:

1pxsolid#222220;

text-align:

center;

color:

black;

border-top-radius:

6px;

}

.input_text{

width:

100%

height:

40px;

border:

0px;

background:

#003366;

color:

#fff;

border-radius:

6px;

text-align:

center;

}

对二维表添加行的设计

functionaddRows（）{

vartab=$（"dataTable"）;

varrowIndex=tab.rows.length;

varnewTr=tab.insertRow（rowIndex）;

varnoTd=newTr.insertCell（0）;

rowIndex++

noTd.innerHTML="";

//序号

varnameTd=newTr.insertCell

（1）;

nameTd.innerHTML="";

//姓名

varageTd=newTr.insertCell

（2）;

ageTd.innerHTML="";

//年龄

varsexTd=newTr.insertCell（3）;

sexTd.innerHTML="";

varQQTd=newTr.insertCell（4）;

//学号

QQTd.innerHTML="";

运行后得到的页面效果：

2.3实现主页面数据与Excel表格数据的双向交互：

设置两个个按钮“同步数据到Excel”和“Excel同步数据到页面”

同步到Excel

Excel同步到页面

接下来对属性进行相应设置：

functionfromExcel（）{

vari=2;//

varhasRow=true;//

varstr="";

vartab=$（"dataTable"）;//获取表格对象

varrowCount=tab.rows.length;

for（j=rowCount-1;j>0;j--）{

tab.deleteRow（j）;

}

while（hasRow）{//

varnewTr=tab.insertRow（tab.rows.length）;

varnoTd=newTr.insertCell（0）;

//

noTd.innerHTML="";

varnameTd=newTr.insertCell

（1）;

nameTd.innerHTML="";

varageTd=newTr.insertCell

（2）;

ageTd.innerHTML="";

varsexTd=newTr.insertCell（3）;

sexTd.innerHTML="";

varQQTd=newTr.insertCell（4）;

QQTd.innerHTML="";

i++;

if（excelSheet.Cells（i,1）.Value==undefined）{

hasRow=false;//

}

//同步到excel

functiontoExcel（）{

vartab=$（"dataTable"）

alert（$（"txt02"）.value）;

for（i=2;i<=tab.rows.length;i++）{

excelSheet.Cells（i,1）.Value=$（"txt0"+i）.value;

excelSheet.Cells（i,2）.Value=$（"txt1"+i）.value;

excelSheet.Cells（i,3）.Value=$（"txt2"+i）.value;

excelSheet.Cells（i,4）.Value=$（"txt3"+i）.value;

excelSheet.Cells（i,5）.Value=$（"txt4"+i）.value;

运行后得到整体的页面效果：

3.已经完成全部的代码编写，接下来就是测试运行。

3.1首先选择文件

3.2打开文件student.xlsx

在Excel文件中显示的数据为

3.3在Excel中添加一行数据：

5赵世强23男2124005

3.4在页面中点击“Excel同步到页面”

成功完成Excel数据与页面的同步

3.5接下来在页面添加一行

输入数据：

6杨波22男2124006

3.6点击“同步到Excel”

到Excel文件中查看是否运行成功：

测试结果表明程序成功的运行了，实现了Excel的双向交互

 

下面是完整的代码：

doctypehtml>

Excel的双向交互-zsq

.btn{

width:

200px;

height:

36px;

display:

block;

border:

1pxsolid#0033ff;

text-decoration:

none;

line-height:

36px;

text-align:

center;

color:

#0033ff;

margin:

30pxauto;

border-radius:

18px;

}

.btn:

hover{background:

#0033ff;white}

body{

background:

#003333;

font-family:

"微软雅黑“；

font-size:

20px;

color:

#fff;

}

.box{

margin:

0auto;

width:

680px;

}

.boxh1{

text-align:

center;

}

.title{

margin:

0auto;

display:

block;

width:

100px;

height:

40px

background:

#0099FF;

line-height:

40px;

text-align:

center;

border:

1pxsolid#0099FF;

border-radius:

40px;

box-shadow:

2px5px5pxrgba（0,0,0,1）;

text-shadow:

1px5px5pxrgba（0,0,0,1）;

font-size:

16px;

}

table{

margin:

0auto;

border-spacing:

0px;

}

td{

width:

100px;

height:

40px;

background:

#ADADAD;

border:

1pxsolid#222220;

text-align:

center;

color:

black;

border-radius:

6px;

}

.input_text{

width:

100%

height:

40px;

border:

0px;

background:

#003366;

color:

#fff;

border-radius:

6px;

text-align:

center;

}

//javascript

functioncreateExcel（）{

varxlobj=newActiveXObject（"Excel.Application"）;

varxlBook=xlobj.Workbooks.Add;//新增一个工作薄

varexcelSheet=xlBook.Worksheets（）;//

//

excelSheet.SaveAs（"e:

\\zhao.xlsx"）;

//

excelSheet.Application.Visible=true;

}

//

functionopenBrows（）{

document.getElementById（"excelfile"）.click（）;

}

varxlsxObj;

varxlsxBook;

varexcelSheet;

//

functionopenExcel（）{

xlsxObj=newActiveXObject（"Excel.Application"）;

varfilePath=document.getElementById（"excelfile"）.value;

xlsxBook=xlsxObj.WorkBooks.open（filePath）;

excelSheet=xlsxBook.ActiveSheet;

excelSheet.Application.Visible=true;

fromExcel（）;//

}

functionfromExcel（）{

vari=2;//

varhasRow=true;//

varstr="";

vartab=$（"dataTable"）;//获取表格对象

varrowCount=tab.rows.length;

for（j=rowCount-1;j>0;j--）{

tab.deleteRow（j）;

}

while（hasRow）{//

varnewTr=tab.insertRow（tab.rows.length）;

varnoTd=newTr.insertCell（0）;

//

noTd.innerHTML="";

varnameTd=newTr.insertCell

（1）;

nameTd.innerHTML="";

varageTd=newTr.insertCell

（2）;

ageTd.innerHTML="";

varsexTd=newTr.insertCell（3）;

sexTd.innerHTML="";

varQQTd=newTr.insertCell（4）;

QQTd.innerHTML="";

i++;

if（excelSheet.Cells（i,1）.Value==undefined）{

hasRow=false;//

}

}

}

//新增一行

functionaddRows（）{

vartab=$（"dataTable"）;

varrowIndex=tab.rows.length;

varnewTr=tab.insertRow（rowIndex）;

varnoTd=newTr.insertCell（0）;

rowIndex++

noTd.innerHTML="";

//序号

varnameTd=newTr.insertCell

（1）;

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置：首页 > 工作范文 > 演讲主持

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1