《软件工程综合实践》学习内容3

最新推荐文章于 2024-07-10 21:37:49 发布
最新推荐文章于 2024-07-10 21:37:49 发布
阅读量163 收藏
点赞数
文章标签： java
原文链接：http://www.cnblogs.com/liborun/p/7112063.html
版权

软件工程综合实践转眼已经接近尾声了，通过这九天的学习，我们可以说是收获颇丰。

在实践的最后几天，我们一步一步地完善网页页面，在网上找到相应的素材对其进行美工操作。网上的素材千千万万，但是找到合适的素材却不简单，好在经过一番耐心寻找之后，终于找到合适的代码。经过修改完善之后，我们的主要代码如下：

（1）登陆操作的代码

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

      <head>

        <base href="<%=basePath%>">

        <meta charset="UTF-8" />

        <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  -->

        <title>Login and Registration Form with HTML5 and CSS3</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta name="description" content="Login and Registration Form with HTML5 and CSS3" />

        <meta name="keywords" content="html5, css3, form, switch, animation, :target, pseudo-class" />

        <meta name="author" content="Codrops" />

        <link rel="shortcut icon" href="../favicon.ico">

        <link rel="stylesheet" type="text/css" href="css/demo.css" />

        <link rel="stylesheet" type="text/css" href="css/style.css" />

       <link rel="stylesheet" type="text/css" href="css/animate-custom.css" />

    </head>

    <body>

        <div class="container">

            <!-- Codrops top bar -->

            <div class="codrops-top">

                <a href="">

                    <strong>&laquo; 返回 </strong>上一级

                </a>

                <span class="right">

                    <a href=" #">

                        <strong>欢迎来到京东，祝你购物愉快！</strong>

                    </a>

                </span>

                <div class="clr"></div>

            </div><!--/ Codrops top bar -->

            <header>

            <h1>J<span>D</span></h1>

            </header>

            <section>            

                <div id="container_demo" >

                    <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4  -->

                    <a class="hiddenanchor" id="toregister"></a>

                    <a class="hiddenanchor" id="tologin"></a>

                    <div id="wrapper">

                        <div id="login" class="animate form">

                         <!-- 这句是自己写的    from 表单需要改成自己的 -->

                            <form  action="<%=basePath%>user/login" autocomplete="on" method="post">

                                <h1>Log in</h1>

                                <p>

                                    <label for="username" class="uname" data-icon="u" > Your  username </label>

                                    <font color="red">${unameErr }</font> <!-- 这句是自己写的 -->

                                     <!-- 输入框的名字  需要和实体类中相应的属性对应 -->

                                    <input id="username" name="username" required="required" type="text" placeholder="Please input username"/>

                                </p>

                                <p>

                                    <label for="password" class="youpasswd" data-icon="p"> Your password </label>

                                    <font color="red">${pwdErr }</font>  <!-- 这句是自己写的 -->

                                    <!-- 输入框的名字  需要和实体类中相应的属性对应 --> 

                                    <input id="pwd" name="pwd" required="required" type="password" placeholder="Please input pwd,eg. X8df!90EO" />

                                </p>

                                <p class="keeplogin">

                                <input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" />

                                <label for="loginkeeping">Keep me logged in</label>

                            </p>

                                <p class="login button">

                                    <input type="submit" value="Login" />

                            </p>

                                <p class="change_link">

                                <font color="red"> Welcome to JD.com!</font>

                                <a href="user/toaddUser" class="to_register">Join us</a>

                            </p>

                            </form>

                        </div>            

                    </div>

                </div> 

            </section>

        </div>

    </body>

</html>

网页效果图：

 

（2）注册操作的代码：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

      <head>

        <base href="<%=basePath%>">

            

<title>用户注册</title>

<STYLE type=text/css>

td, th {

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

line-height: 24px;

color: blue;

}

</STYLE>

</head>

<body>

 <divclass="container">

            <!-- Codrops top bar -->

            <div class="codrops-top">

              <center>

                <span class="right">

                    <a href=" #">

                        <strong>欢迎来到京东，祝你购物愉快！</strong>

                    </a>

                </span>

                </center>

                <div class="clr"></div>

            </div><!--/ Codrops top bar -->

            <header>

            <center>

            <h1><font color ="#D9D919" >J</font><font color="#FF0000"><span>D</span></font></h1>

            </header>

            </center>

<h1 align="center"><td><font color=blue>用户注册</font></td> </h1>

<div align="center">

<form name="reg" action="<%=basePath%>user/addUser" method="post" >

<table width="90%" border="0">

<tr>

<td width="50%" align="right" height="25"><font face="Arial, Helvetica, sans-serif">请输入要注册的用户名：</font></td>

<td width="50%" align="left" height="25">

 <input type="text" name="username">

<br>

 

</td>

</tr>

<tr>

<td width="50%" align="right" height="25">请输入密码：</td>

<td width="50%" align="left" height="25"> <input type="password" name="pwd"></td>

</tr>

</table>

<p>

<input type="submit" name="sub" value="注册">    

</p>

</form>

</div>

</body>

</html>

 网页效果图：

 

转载于:https://www.cnblogs.com/liborun/p/7112063.html

dcw0209
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
软件工程课程的实践（综合实践能力创新实训 3）解决方案
rothschild666的博客
07-10 1819
软件工程课程的实践（综合实践能力创新实训 3）解决方案 1、项目简介 1.1、目的 本文将确定NB小微企业人力资源管理系统的需求。 1.2、范围 本文将影响NB小微企业人力资源管理系统的功能规划、概要设计、详细设计等活动。 1.3、参考资料 《综合实践能力创新实训3指导书》 《软件工程导论》张海藩(第六版)[M].北京：清华大学出版社.2007. 1.4、概述 该文档详细描述了NB小微企业人力资源管理系统需求，编写该文档的目的是为了整个系统实现的管理工作和技术工作提供指南；同时确定该系统的内容和范围，为评价
北京大学 | 软件工程理论与实践
EduCoder_的博客
12-14 5969
作为软件产业的支撑学科，软件工程研究如何帮助人们在软件开发过程中提升效率和质量，具有过程性、抽象性、综合性、复杂性等特征，学生难理解、难运用、难发挥，如何将各种经典和新兴软件工程真实案例穿插入教学内容，并支持对不同类型软件开发工具和开发案例的在线体验与实操，成为软件工程在线课程长期面临的挑战性课题。 针对上述挑战，北京大学软件与微电子学院基于头歌打造了全新软件工程线上课程《软件工程理论与实践 —— 思政与实战相结合的能力训练》，提供了100多个配套实战案例，面向全国高校软件工程系列课程教师和同学开放！
《软件工程综合实践》学习内容1
dcw0209的博客
06-29 206
实践开始已经过去三天了，第1天早上老师教我们搭建了MyEclipse和MySQL的环境，在开发的过程中必须使用相应匹配的环境才能使调试结果一致。如果开发环境不匹配，会使得开发无法继续下去，刚开始搭建环境时同学们就出现了各种各样的问题，导致花了很多时间去解决。 在这之后，老师便开始向我们介绍怎样使用MySQL，包括进行增、删、改、查询等操作。接下来老师还和我们一起回顾了JDBC的使用并且...
《软件工程综合实践》学习内容2
dcw0209的博客
07-02 91
软件工程综合实践又过去了三天，学习了MVC、servelt（前后台交互）等相关内容，每天学习的内容都在更进一步，复杂难懂的东西也越来越多。好在老师十分耐心，在比较复杂难度的地方总会添加注释方便我们理解代码，还会向我们推荐一些网站学习。 在第四天，我们继续对代码进行拓展补充，使网页的功能更加完善，网页页面也初见端倪，可以进行简单的登录操作。 具体的主要代码如下： <%@ pag...
软件工程综合实践专题第一次作业
bylx35的博客
03-05 133
软件工程综合实践专题第一次作业 从网上找的一个小程序，用来实现窗口抖动（类似QQ的窗口抖动），下面是代码及解释： #include &lt;stdio.h&gt; #include &lt;windows.h&gt; int main(int argc, char *argv[]) { RECT rect; //RECT是一个矩形结构体，相当于保存了一个矩形的四条边的坐标 HWND hwnd = ...
HTML5+CSS3构建同页面表单间的动画切换
weixin_30505043的博客
03-30 328
【CSDN编译】导读：有开发者表示，HTML5将给个人开发者带来更多机遇。下面的稿件详细描述了一个唯美的动画效果，它实现了在同一个页面中进行登录表单和注册表单的转换。这些效果，完全由HTML5和CSS3实现。文章后面附上了三种不同风格的显示转换效果、以及源码下载。既可为网页瘦身，又可实现漂亮的网页效果，快快收藏吧。 这篇稿件将描述如何在HTML5中，使用CSS3的目标伪类“:targ...
头歌实践教学平台软件工程答案
qq_56694838的博客
05-15 2万+
任务描述本关考察将数据流图转换为模块结构图。相关知识模块结构图模块结构图（Module Structure Diagram, MSD）是用来表示系统的模块划分与层次分解关系，表示模块的调用关系、模块间数据流与控制流的传递关系以及模块与外界或数据存储的信息接口的规范化图形，是结构化系统设计的一种重要的图表描述工具。组成元素作用描述模块间参数交换情况、评价模块间耦合情况、确定模块间的接口。结构图一般不列入设计文档，只用于设计阶段检查模块设计的正确性和模块独立性。变换设计。
软件工程知识点总结
热门推荐
CherryChenieth的博客
04-11 5万+
文章目录一、软件工程概述1. 定义2. 软硬件失效3. 软件危机4. 软件工程三要素5. 软件工程目标6. 软件工程研究内容7. 软件工程知识体系二、软件生命周期模型2.1 软件工程过程：PDCA循环2.2 软件生命周期 software life cycle2.3 过程模型（软件生命周期模型）2.3.1 瀑布模型2.3.2. V模型和W模型2.3.2 原型方法(prototyping)2.3.4. 演化模型2.3.5. 增量模型2.3.6. 螺旋模型2.3.7. 喷泉模型(迭代模型)2.3.8. 构件组
【软件工程导论】期末复习试题集
风口IT猪的成长录
12-19 1万+
【软件工程导论】期末复习试题集名词解释简答题1. 什么是软件工程？包括哪些内容？2. 需求分析的任务是什么？3. 数据流图有哪几种基本符号？并具体画出4. 软件测试和调试的区别是什么？5. 说明软件维护的过程6. 什么是软件危机？产生软件危机的原因？怎样消除？7. 软件开发模型有几种？各有什么特点？8. 软件测试有几种方法？每种方法的特点是什么？9. 什么是软件的可维护性？决定软件可维护性的因素是什么？10. 软件测试的基本任务是什么？测试与调试区别是什么？11. 软件的生存周期的概念？12. 软件工程的基
《软件工程导论》期末复习总结
qq_53271424的博客
06-22 2817
《软件工程导论》期末复习总结
软件工程实践报告范文3篇精选.doc
11-23
「软件工程实践报告范文3篇精选」 软件工程实践报告是软件工程领域中的一种重要报告，旨在记录和总结软件开发的整个过程，包括实践目的、实践内容、实践过程、实践结果等。以下是软件工程实践报告范文的知识点总结...
软件工程课程综合实践项目
06-07
《软件工程课程综合实践项目——构建飞机订票系统》 在软件工程的学习过程中，实践是不可或缺的一环。本项目以“飞机订票系统”为案例，旨在帮助学生深入理解和掌握软件工程的理论知识与实际应用技能。这个项目包含...
软件工程实践软工.pptx
11-14
软件工程实践软工.pptx 本课程旨在培养学生分析问题和解决实际问题的能力，培养学生综合应用基本概念、原理和技术方法的能力，真正做到学以致用，使课本上的抽象理论、方法及具体的实践应用相结合。 课程教学方式...
软件工程职业实践ppt课件
03-30
3. **文件名：软件工程职业实践**：这可能是一个涵盖多个主题的PPT，如软件开发过程中的职业道德、项目管理、团队合作、软件质量保证、软件测试等职业实践方面的内容。它可能会讨论如何在实际工作中应用软件工程原则...
软件工程深度学习实践教学模式.pdf
08-19
软件工程深度学习实践教学模式是指通过软件工程实践教学，培养学生深度学习的能力和素质，使学生掌握软件工程的理论和实践技能，具备软件项目分析、设计、实施和有效项目管理的基本能力。 深度学习是指学生在理解的...
配置Java开发环境
最新发布
Broken_x的博客
07-10 685
Java开发环境配置
关于static定义初始化块和静态变量以及初始化块的执行顺序问题
你我约定有三的博客
07-08 259
第二步：在类加载的时候，按照从上到下执行static修饰的代码，此时执行static Test2 test1 = new Test2()，也就是创建出一个名为test1的对象。第六步：此时除了main方法，所有由static修饰的代码全部执行完毕(static修饰的代码只执行一次)，类初始化完成，开始执行main方法，main方法中只有一条语句(中的代码,此时输出aa以及a的值(由于第一步没赋初值，并且给了默认值为0 所以输出0)//首先输出a的值为10 然后输出bb，最后将a的值定义为11。
java Object 转 Integer
servepeople的博客
07-09 1158
在 Java 中，可以通过多种方法将一个Object转换为Integer。
已解决 javax.xml.transform.TransformerFactoryConfigurationError 异常的正确解决方法，亲测有效！！！
小明的Java问道之路
07-08 1654
已解决 javax.xml.transform.TransformerFactoryConfigurationError 异常的正确解决方法，亲测有效！！！
软件工程XX研序言.ppt
11-12
软件工程是一门综合性的学科，它涉及到软件的整个生命周期，包括需求分析、设计、编码、测试和维护等阶段。文档中引用了多本经典的软件工程参考书籍，如张海藩的《软件工程》、麻志毅的《面向对象分析与设计》、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值