太原理工大学web实验报告资料

合集下载

Web实验报告正文

Web实验报告正文

本科实验报告课程名称:web程序设计基础A实验项目:HTML语言,网页程序设计-JavaScript Request与Response对象的应用,Application对象Session对象实验地点:逸夫楼502专业班级:软件1219 学号:学生姓名:冯鑫指导教师:王娜2014年11月12日实验一HTML语言一、实验目的1.掌握常用的HTML语言标记;2.利用文本编辑器建立HTML文档,制作简单网页。

二、实验要求1.独立完成实验。

2.书写实验报告书。

三、实验内容1.在文本编辑器“记事本”中输入如下的HTML代码程序,以文件名sy1.html保存,并在浏览器中运行。

(请仔细阅读下列程序语句,理解每条语句的作用)源程序清单如下:<html><head><title>Example</title> //设置该HTML文本的标题</head><body bgcolor="#00DDFF">//设置背景颜色<h1><B><I><FONT COLOR="#FF00FF">//H1字体加粗倾斜设置颜色<MARQUEE BGCOLOR= "#FFFF00" direction=left behavior=alternate>welcome toyou</MARQUEE>//设置滚动字条的颜色滚动方式</FONT></I></B></h1><hr><h2 align=center><FONT COLOR="#0000FF">A simple HTML document</FONT></h2><EM>Welcome to the world of HTML</EM>//H2字体居中显示<p>This is a simple HTML document.It is to give you an outline of how to write HTML file and how the<b> markup tags</b> work in the <I>HTML</I> file</p><p>Following is three chapters<ul><li>This is the chapter one</li>//列表显示标签一<li><A HREF="#item">This is the chapter two</A></li>//列表显示标签二<li>This is the chapter three</li>//列表显示标签三</ul></p><hr><p><A NAME="item">Following is items of the chapter two</A> </p><table border=2 bgcolor=gray width="40%"><tr>//设置表格3行2列设置背景颜色边框大小<th>item</th><th>content</th></tr><tr><td>item 1</td><td>font</td></tr><tr><td>item 2</td><td>table</td></tr><tr><td>item 3</td><td>form</td></tr>//设置每个单元格的内容</table><hr><p>1<p>2<p>3<p>4<p>5<p>6<p>7<p>//打印段<B><I><FONT COLOR=BLUE SIZE=4>End of the example document </FONT></I></B> </p></body></html>运行结果:2.编写一个能输出如图所示界面的HTML文件。

太原理工大学计算机网络实验报告1

太原理工大学计算机网络实验报告1
3.弹出超级终端运行界面,显示交换机的启动信息,出现“Press RETURN to get started!” 提示,按“回车”键直到出现用户模式提示符 Switch>
4.对交换机进行基本配置。
六.实验心得
通过本次实验,掌握交换机基本配置的步骤和方法,以及查看和检测交换机基本配置的步 骤和方法,利用 PacketTracer 对交换机进行配置。配置过程中遇到问题,通过同学帮助,得 以配置成功。
四.实验环境
实验环境如图所示:
五.实验步骤
1.运行 Cisco Packet Tracer 软件,在逻辑工作区放入两台交换机和六台工作站 PC,用 直连线(CopperStraight-Through)连接交换机和工作站 PC,用双绞线(Copper Cross-Over) 连接两台交换机的 FastEthernet0/1 口。
2.创建 VLAN2 和 VLAN3,按实验 3 中创建 VLAN 的步骤,分别在两台交换机上创建 VLAN2 和 VLAN3。
3.静态分配 VLAN 成员,将两台交换机的端口 2、3、4 分配成 VLAN2 的成员,端口 5、6、 7 分配成 VLAN3 的成员。
4.分别点击工作站 PC0~PC5,进入其配置窗口,选择运行 IP 设置,设置 IP 地址和子网掩码 分别为:
四.实验环境
实验环境如图所示:
五.实验步骤
1.运行 Cisco Packet Tracer 软件,在逻辑工作区放入一台交换机和四台工作站 PC,按实验 环境所示图用直连线(CopperStraight-Through)连接交换机和工作站 PC。
2.分别点击工作站 PC0~PC3,进入其配置窗口,选择桌面(Desktop)项,选择运行 IP 设 置(IP Configuration)配置 IP 地址和子网掩码分别为: PC0:192.268.1.1 255.255.255.0 PC1:192.168.1.2 255.255.255.0 PC2:192.168.1.3 255.255.255.0 PC3:192.168.2.1 255.255.255.0

太原理工大学操作系统实验报告

太原理工大学操作系统实验报告

课程名称:操作系统B实验项目:操作系统实验实验地点:逸夫楼专业班级:软件14班学生姓名:学号: 2014 指导教师:张辉2016年 12 月 2 日目录 (2)实验一几种操作系统的界面 (3)一.目的和要求 (3)二.内容 (3)三.程序代码 (3)四.运行结果 (4)实验二进程调度程序设计 (5)一、目的和要求 (5)二、示例 (5)程序清单 (7)运行结果 (12)实验三存储管理程序设计 (13)一、目的和要求 (13)二、提示 (13)三.流程图 (14)程序代码 (15)运行结果 (20)实验感想 (21)参考资料 (21)实验一几种操作系统的界面一.目的和要求(一)目的8 在熟练使用机器的基础上,能了解各种操作命令和系统调用在系统中的大致工作过程。

也就是通过操作系统的外部特征,逐步深入到操作系统的内部实质内容中去。

(二)要求1.能熟练的在1—2种操作系统的环境下工作,学会使用各种命令,熟悉系统提供的各种功能,主动而有效地使用计算机。

2.熟悉系统实用程序的调用方法和各种系统调用模块的功能和作用二.内容在某种操作系统的环境下建立、修改、运行、打印源程序和结果,最后撤消一个完整的程序。

提示:可按下述步骤进行1.编写一个完整的源程序,通过编辑命令送入机器,建立源程序文件;2.编译该源文件,建立相应的目标文件;3.编译有错时,再用编辑命令修改源文件,消除全部词法和语法错误;4.连接目标文件,形成可执行文件;5.执行该文件,得到结果;6.打印输出源程序和运行结果;7.撤消本次实验中形成的所有文件。

三.程序代码#include"stdio.h"#include"iostream"using namespace std;void main(){int a;cin>>a;cout<<"怎么编写程序:"<<a<<endl;}四.运行结果1.2.Dos命令行。

太原理工大学软件开发环境与工具实验报告

太原理工大学软件开发环境与工具实验报告

本科实验报告课程名称:软件开发环境与工具实验项目:实验一CASE工具PowerDesigner的使用实验二利用Axure制作网页原型实验三搭建Visual Studio开发环境,设计Windows控制台应用程序实验四掌握在Visual Studio 2010中进行Windows Form应用程序的设计方法实验五掌握在Visual Studio 2010中进行Web应用程序的设计方法实验地点:明向校区软件实验楼208专业班级:软件1333班学号:2013006142学生姓名:赵建伟指导教师:秦智2015年12 月17 日遇到的问题和解决方法(2)在axure元件库中选择相应的部件(4)置入框选择窗体中的文本框(单行)和提交按钮(5)整体修改后的效果(2)设计完成教务处登陆界面(2)Default.apsx文件<%@Page Title="主页"Language="C#"MasterPageFile="~/Site.master"AutoEventWireup="true"CodeBehind="Default.aspx.cs"Inherits="WebApplication3._Default" %><asp:Content ID="HeaderContent"runat="server"ContentPlaceHolderID="HeadContent"> <style type="text/css">.style1{width: 100%;。

web网页设计实验报告

web网页设计实验报告

Web网页设计实验报告1. 引言本文档旨在记录并分析本次Web网页设计的实验过程和结果。

我们小组的目标是设计一个优雅、用户友好且功能完善的网页。

通过分步思考和逐步迭代的方式,我们将逐渐实现这个目标。

2. 步骤一:需求分析在设计之前,我们首先进行了需求分析。

我们与客户进行了深入的讨论,了解了他们对网页的要求和期望。

我们还对类似的网页进行了调研,以便了解当前的设计趋势和最佳实践。

3. 步骤二:草图设计基于需求分析的结果,我们开始进行草图设计。

我们使用纸和铅笔绘制了初步的草图,以便快速捕捉我们的想法和创意。

我们与小组成员共享这些草图,并就每个设计方案进行讨论和评估。

4. 步骤三:原型设计根据草图设计的结果,我们开始使用设计工具创建网页的原型。

我们选择了[设计工具名称],因为它提供了丰富的设计元素和易于使用的界面。

在原型设计过程中,我们对页面的布局、颜色方案和字体进行了仔细的考虑。

5. 步骤四:界面设计在完成原型设计后,我们开始进行界面设计。

我们使用HTML和CSS来实现我们的设计,并确保页面的响应式布局。

我们还使用JavaScript来添加一些动态效果和交互功能,以提升用户体验。

6. 步骤五:测试与优化在设计过程的各个阶段,我们都进行了测试和优化。

我们邀请了一些用户来测试我们的网页,并收集他们的反馈。

根据用户的反馈和我们自己的观察,我们进行了一系列的优化工作,以改进页面的性能、可用性和用户满意度。

7. 步骤六:部署与维护在完成测试和优化后,我们将网页部署到服务器上,使其可以通过互联网访问。

我们还设立了一个维护团队,负责定期更新和维护网页,以确保其正常运行和提供最佳的用户体验。

8. 结论通过逐步思考和迭代的方式,我们成功地设计了一个优雅、用户友好且功能完善的网页。

我们的设计不仅满足了客户的需求和期望,而且符合当前的设计趋势和最佳实践。

在设计过程中,我们充分利用了各种工具和技术,并通过测试和优化不断改进网页的性能和用户体验。

web系统与技术实验报告

web系统与技术实验报告
</head>
<body>
<%!String UserName="";%>
<%!String LikeFood="";%>
<%
UserName=request.getParameter("Name");
LikeFood=request.getParameter("food");
session.setAttribute("sname",UserName);
if(str==null) str="";
if(str.equals("")) response.sendRedirect("test1-3");
else
{
out.println(str+":欢迎您!<br>");
out.println("当前时间是:<br>"+newDate());
}
%>
</body>
<DIValign="center">
您在login.jsp页面的SessionID是:<br>
<%=SID%>
<formmethod="post"action="session.jsp">
<table>
<tr><td>请输入您的姓名:</td><td><inputtype="test"name="Name"></td></tr>

web技术实验报告

web技术实验报告

web技术实验报告《Web技术实验报告》摘要:本实验报告旨在介绍和分析最新的Web技术实验成果。

通过实验,我们对Web技术的发展趋势和应用前景进行了深入研究,同时也总结了实验过程中遇到的问题和解决方案。

本报告将详细介绍实验的目的、方法、结果和结论,以及对未来Web技术发展的展望。

一、实验目的本次实验旨在探索最新的Web技术发展趋势,包括但不限于前端开发、后端开发、移动端开发、云计算、大数据等方面的技术应用。

通过实验,我们希望能够深入了解这些新技术的特点、优势和局限性,为未来的Web技术研究和应用提供参考和借鉴。

二、实验方法我们采用了实验对比法和实地调研法,通过对比不同Web技术的特点和应用场景,以及实地调研最新的技术成果和应用案例,来深入了解和分析最新的Web 技术发展趋势。

三、实验结果通过实验,我们发现最新的Web技术在前端开发方面,趋向于提高用户体验和页面性能,采用了更加灵活和高效的开发框架和工具;在后端开发方面,趋向于提高系统稳定性和安全性,采用了更加智能和可靠的云计算和大数据技术;在移动端开发方面,趋向于提高应用的跨平台性和兼容性,采用了更加便捷和高效的开发工具和技术。

四、实验结论通过实验,我们得出了以下结论:最新的Web技术在不断向着更加智能、高效、安全和便捷的方向发展,为用户提供了更加优质的服务和体验;同时也面临着一些挑战,如安全性、隐私保护、性能优化等方面的问题需要进一步解决和改进。

五、展望未来,我们将继续关注最新的Web技术发展动态,不断学习和探索新的技术应用和解决方案,为Web技术的发展和应用做出更大的贡献。

同时,我们也希望能够与更多的行业合作伙伴共同探讨和解决实际应用中的技术难题,推动Web技术的创新和发展。

web实验报告

web实验报告

一,相关技术为实现注册和登录功能,首先采用JSP和HTML分别设计regist和login页面,再采用servlet技术实现这两项功能。

为实现上传文件至服务器和下载自己上传的文件,也先JSP和HTML设计页面,再在页面中设计两按钮,点击时用调用JSP实现上传和调用servlet实现下载。

采用JSP和HTML设计result页面。

是各种结果在result页面显示二,系统需求分析为实现登录和注册。

设计一个包,包中包含User类。

User中有账号,密码,昵称三类属性。

设计登录页面,输入账号和密码实现登录。

当输入信息正确时,显示成功,否则失败。

设计注册页面,输入账号,密码,昵称三属性实现注册。

设计上传和下载页面,点击相应按钮实现相应动作。

三,系统设计和实验结果1,显示结果页面核心代码<% String message=(String)request.getAttribute("message"); %><%= message %>2,注册相关代码A,注册界面核心代码<form method="post" action="Re"><table ><p><h2>输入信息<h2></p>账号:<input name="name" type="text" id="name">密码:<input name="pwd" type="password" id="pwd">昵称:<input name="call" type="text" id="call"><input type="submit" value="注册"></table></form>B,实现注册的servlet核心代码driverName="com.microsoft.sqlserver.jdbc.SQLServerDriver";Class.forName(driverName);String name = request.getParameter("name");String pwd = request.getParameter("pwd");String call = request.getParameter("call");Connection con=null;StringdbURL="jdbc:sqlserver://localhost:1433;DatabaseName=student";String userName="sa";String userPwd="a693501";con=DriverManager.getConnection(dbURL,userName,userPwd);PreparedStatement ps = null;String sql = "insert into admin (name,pwd,call)values(?,?,?)";try{ps = con.prepareStatement(sql);ps.setString(1,name);ps.setString(2, pwd);ps.setString(3, call);ps.executeUpdate();C,结果截图3,登录相关代码A,登录界面核心代码请登录<br><form method="post" action="login"><table ><p>输入信息</p>账号:<input name="name" type="text" id="name" >密码:<input name="pwd" type="password" id="pwd"><input type="submit" value="登录"></table></form>B,实现登录servlet核心代码String driverName="com.microsoft.sqlserver.jdbc.SQLServerDriver";Class.forName(driverName);Connection con=null;String dbURL="jdbc:sqlserver://localhost:1433;DatabaseName=student";String userName="sa";String userPwd="a693501"; con=DriverManager.getConnection(dbURL,userName,userPwd);PreparedStatement ps = null;ResultSet rs = null;User user=new User();String sql = "select * from admin where name=? and pwd=?";ps = con.prepareStatement(sql);ps.setString(1, name);ps.setString(2, pwd);rs = ps.executeQuery();if (rs.next()) {user.setName(rs.getString("name"));user.setPwd(rs.getString("pwd"));user.setCall(rs.getString("call"));} else{user = null;}if(null==user){request.setAttribute("message", "login fail");request.getRequestDispatcher("/result.jsp").forward(request,response);}else{request.setAttribute("message", "login success");request.getRequestDispatcher("/result.jsp").forward(request,response);}C,结果截图1,成功时2,失败时4,上传下载页面核心代码<form method="post" action="LoadFile"><input type="submit" value="下载"></form><form action="accept.jsp" method="post" enctype="multipart/form-data"> <input type="file" name="file"><input type="submit" name="submit" value="上传" ></form>截图5,实现上传功能JSP核心代码String tempFileName=(String)session.getId();File temp=new File("e:/webup",tempFileName);FileOutputStream o=new FileOutputStream(temp);InputStream in=request.getInputStream();byte b[]=new byte[1024];int n;while((n=in.read(b))!=-1){o.write(b,0,n);}o.close();in.close();RandomAccessFile random=new RandomAccessFile(temp,"r");int second=1;String secondLine=null;截图4,实现下载servlet核心代码OutputStream o=response.getOutputStream();byte b[]=new byte[1024];File fileLoad=new File("d:/down","test.rar");response.setHeader("Content-disposition", "attachment;filename="+"test.rar");response.setContentType("application/x-rar");long fileLength=fileLoad.length();String length=String.valueOf(fileLength);response.setHeader("Content_Length", length);FileInputStream in=new FileInputStream(fileLoad);int n=0;while((n=in.read(b))!=-1){o.write(b,0,n);}}截图四,心得体会通过web实验,牢固了web课程中学习到的的许多知识点。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

本科实验报告课程名称:Web开发实用技术基础实验项目:HTML语言网页程序设计JavascriptRequest与Response对象的应用Application与Session对象的应用实验地点:实验室211专业班级:学号:学生姓名:指导教师:2015年11月5日<tr><td>item 1</td><td>font</td></tr><tr><td>item 2</td><td>table</td></tr><tr><td>item 3</td><td>form</td></tr></table><hr><p>1<p>2<p>3<p>4<p>5<p>6<p>7<p><B><I><FONT COLOR=BLUE SIZE=4>End of the example document </FONT></I></B> </p></body></html>2.编写一个能输出如图所示界面的HTML文件。

三、主要仪器设备笔记本电脑四、实验结果实验内容1:页面中包含的元素有滚动条welcome to you,标题A simple HTML docunment,文字部分Welcome to the world of HTML.This is a simple HTML document.It is to give you an outline of how to write HTML file and how the markup tags work in the HTML(格式不同),列表,表格,段落。

实验内容2:代码:<html><head><title>表单范例</title></head><body><h2 align="center"><b><SPAN style="TEXT-DECORATION: underline">请留下个人资料</SPAN></b></h2><table align="center"><form name="form"><tr><td align="right">姓名:</td><td><input type="text" name="姓名"></td></tr><tr><td align="right">E-mail:</td><td><input type="text" name="邮箱"></td></tr> <tr><td align="right">电话:</td><td><input type="text" name="电话"></td></tr><tr><td align="right">性别:</td><td><input type="radio" name="性别" checked>女<input type="radio" name="性别">男</td></tr><tr><td align="right">年龄:</td><td><select><option selected>20以下<option>40以下<option>60以下<option>60以上</select></td></tr><tr><td align="right">留言板:</td><td><textarea name="留言板" rows="5" cols="40"></textarea><br></td></tr><tr><td align="right">您的爱好:</td><td><input type="checkbox" name="运动">运动<br><input type="checkbox" name="阅读">阅读<br><input type="checkbox" name="听音乐">听音乐<br><input type="checkbox" name="旅游">旅游</td></tr><tr><td align="center" colspan="2"><input type="submit" name="提交" value="提交"> <input type="reset" name="重写" value="全部重写"></td></tr></form></table></body></html>结果截图:五、讨论、心得程序开始编写的时候虽然有了要求的form,但是格式却不如例图中的整齐,后来查阅资料发现用表格可以使form里的元素格式变的整齐,看起来和例图中的一样了。

2.事件驱动和事件处理在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。

源程序清单如下:<html><head><script language="javascript">function myfunction(){alert("HELLO")}</script></head><body><form><input type="button" onClick="myfunction()" value="Call function"></form><p>By pressing the button, a function will be called. The function will alert a message.</p></body></html>分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。

3.JavaScript表单校验编写程序register.htm,做一个如下图所示的用户注册界面,要求对用户填写的部分进行合法性检验。

三、主要仪器设备笔记本电脑。

四、实验结果实验内容1:页面上有一行文字“现在是北京时间:”,其后是一个文本框,内容为现在的时间。

事件为body,onLoad驱动调用start()获取本机时间并保存在名为display的文本框中。

关闭页面时,onUnload驱动调用Stop用来清零计时器。

实验内容2:点击按钮Call Function后显示页面时有一个按钮,按钮的值为Call Function,还有一行文字。

点击按钮Call Function后,onclick驱动函数myfunction(),显示提示框,提示框内容为HELLO。

实验内容3:代码:<html><head><title>用户登录</title><script language="javascript">function on_submit(){if(.value==""){alert("用户名不能为空,请输入用户名!");.focus();return false;}elsealert("登陆成功");}</script></head><body><table><form name="input" action="html_form_action.asp"method="get" onsubmit="return on_submit()"><tr><td>用户登录</td></tr><tr><td>请输入用户名:</td><td><input type="text" name="name"></td></tr><tr><td>请输入密码:</td><td><input type="password" name="Password"></td></tr></table><input type="submit" value="提交"><input type="reset" value="全部重写"></form></body></html>实验结果:五、讨论、心得这次实验时吸取了上次的教训,在编写时就加上了表格,这样看起来形式就更加的规范可靠。

相关文档
最新文档