精华内容
下载资源
问答
  • 如何写好一个前端页面

    千次阅读 2018-10-08 10:43:57
    个人前端总结,望君收益,不喜勿喷!...不要只修当前页面,所牵扯的页面也要完善,不能改了这,错了那个。 5.控制的用户体验,例如:增加点击范围,加入的过渡~ 6.不要遗漏上拉加载,下拉刷...

    个人前端总结,望君收益,不喜勿喷!

     

    1.审查页面,提取公共部分

    2.提前引入所需的组件

    3.定义好所需字段,注意生命周期的前后顺序,不要出现页面还没加载过程中,先出现无数据的界面

    4.不要遗漏任何地方的事件,并且注意事件的完整性。不要只修当前页面,所牵扯的页面也要完善,不能改了这个,错了那个。

    5.控制好的用户体验,例如:增加点击范围,加入好的过渡~

    6.不要遗漏上拉加载,下拉刷新,置顶 等等小的功能

    7.给适当的地方,加上适当时间的提示框

    8.减少for循环,如果有for循环,把arr.length定义在外部,减少循环工作量

    9.注意清除页面滚动

    10.页面完成后,换手机测试,保证安卓和ios 显示都是正常的。

    11.页面完成后删除所有console和alert

    12.打包的时候,注意修改index和build里面的相关内容,提高打包效率。

    13.打包后,多点点,看看页面有没有打包后的问题,注意优化。

    展开全文
  • Servlet (四) --- 用Jsp和Servlet写一个注册页面

    千次阅读 多人点赞 2019-07-16 17:47:42
    一个注册页面 username (文本框) password:密码 (密码框) passwordYes :再次输入密码(密码框) hobby (多选框) sex (单选框) info (文本域) servlet处理注册信息,判断两次密码是否相同 ...

    一. 注册要求

    1. 一个注册页面

    • username (文本框)
    • password:密码 (密码框)
    • passwordYes :再次输入密码(密码框)
    • hobby (多选框)
    • sex (单选框)
    • info (文本域)

    2. servlet处理注册信息,判断两次密码是否相同

    • 相同则跳到成功页面
    • 不同则注册失败,重定向到注册页面

    3. 成功页面

    • 显示登陆成功的用户名,密码,爱好,性别和信息;
    • 显示一个注销按钮

    4. 如果注销后,或者没登录,不能直接进入成功页面,跳转到失败界面

    二. 具体操作步骤

    1:在index.jsp(首页)写一个超链接,让跳转到注册界面

    在这里插入图片描述

    2:写好注册界面后,提交给ServeltRegister处理

    在这里插入图片描述

    3:跳转到ServletRegister注册界面,把用户消息放进session中,并判断输入的密码是否正确

    在这里插入图片描述

    4:如果密码成功,跳转到成功界面,并在成功界面显示用户填写的信息

    在这里插入图片描述

    5:在成功页面设置注销按钮,按下注销按钮后,跳转到ServletOut注销界面

    在这里插入图片描述
    在这里插入图片描述

    6:当用户消息注销后,让其回到成功页面,然后提示用户未注册或者已注销,请先注册

    在这里插入图片描述

    7:在提示页面设置注册按钮,让其重新注册,回到注册页面

    在这里插入图片描述

    8:如果密码输出错误,让其回到注册页面,并用弹框提醒

    在这里插入图片描述
    在这里插入图片描述

    三. 代码

    1:首页 index.jsp

    <html>
      <head>
        <title>首页</title>
        <style>
          body{
            margin: 0 auto;
            text-align: center;
          }
        </style>
    
      </head>
      <body>
     <h1>首页</h1>
     <hr>
     <a href="${pageContext.request.contextPath}/register.jsp">注册</a>
      </body>
    </html>
    

    2:注册页 register.jsp

    <html>
    <head>
        <title>注册</title>
        <script>
            var status = '${sessionScope.pwdFail}';
            if (status=='yes'){
                alert("两次密码输入不一样,请重新输入")
            }
        </script>
    </head>
    <body>
    <h1>注册</h1>
    <form action="${pageContext.request.contextPath}/Register" method="post">
        <p>用户名: <input type="text" name="username" required ></p>
        <p>密码:<input type="password" name="password1" required></p>
        <p>确认密码:<input type="password" name="password2" required></p>
        <p>爱好:
            <input type="checkbox" name="hobby" value="movie">电影
            <input type="checkbox" name="hobby" value="TV">电视
            <input type="checkbox" name="hobby" value="music">音乐
        </p>
        <p>性别:
            <input type="radio" name="sex" value="boy">男
            <input type="radio" name="sex" value="girl">女
        </p>
        <p>个人简介:
            <textarea name="info"></textarea>
        </p>
        <p>
            <input type="submit">
            <input type="reset">
        </p>
    </form>
    </body>
    </html>
    

    3:成功页 success.jsp

    <html>
    <head>
        <title>注册成功</title>
        <%
            HttpSession session1 = request.getSession();
            if(session1.getAttribute("username")==null){
                request.getRequestDispatcher("loss.jsp").forward(request,response);
            }
        %>    
    </head>
    <body>
    <h1>注册成功!</h1>
    <%--通过sessionScope得到信息--%>
    <p> 用户名:${sessionScope.username}</p>
    <p> 密码:${sessionScope.password1}</p>
    <p> 性别:${sessionScope.sex}</p>
    <p> 爱好:${sessionScope.hobbies}</p>
    <p> 简介:${sessionScope.info}</p>
    <a href="${pageContext.request.contextPath}/Out">注销</a>
    </body>
    </html>
    
    

    4:提示页 loss.jsp

    <html>
    <head>
        <title>失败</title>
    </head>
    <body>
    <h1>
        没有session信息,未注册或者已注销,请先注册
    </h1>
    <a href="${pageContext.request.contextPath}/register.jsp">注册</a>
    </body>
    </html>
    

    5:web.xml

        <servlet>
            <servlet-name>ServletRegister</servlet-name>
            <servlet-class>com.sunzhen.ServletRegister</servlet-class>
        </servlet>
        <servlet>
            <servlet-name>ServletOut</servlet-name>
            <servlet-class>com.sunzhen.ServletOut</servlet-class>
        </servlet>
    
        <servlet-mapping>
            <servlet-name>ServletOut</servlet-name>
            <url-pattern>/Out</url-pattern>
        </servlet-mapping>
        <servlet-mapping>
            <servlet-name>ServletRegister</servlet-name>
            <url-pattern>/Register</url-pattern>
        </servlet-mapping>
    

    6:注册 ServletRegister

            request.setCharacterEncoding("utf-8");
            response.setCharacterEncoding("utf-8");
    
            //获得用户提交的数据
            String username = request.getParameter("username");
            String password1 = request.getParameter("password1");
            String password2 = request.getParameter("password2");
            String sex = request.getParameter("sex");
            String info = request.getParameter("info");
            String[] hobbies = request.getParameterValues("hobby");
    
            if(password1.equals(password2)){
                //把用户消息放进session中
                HttpSession session = request.getSession();
                session.setAttribute("username",username);
                session.setAttribute("password1",password1);
                session.setAttribute("sex",sex);
                session.setAttribute("info",info);
                session.setAttribute(" hobbies", Arrays.toString(hobbies));
    
                response.sendRedirect("success.jsp");
                //request.getRequestDispatcher("success.jsp").forward(request,response);
            }else {
                request.getSession().setAttribute("pwdFail","yes");
                response.sendRedirect("register.jsp");
            }
    

    7:注销 ServletOut

           HttpSession session = request.getSession();
            //注销session或者移除session中的数据
            session.removeAttribute("username");
            session.removeAttribute("password1");
            session.removeAttribute("sex");
            session.removeAttribute("hobbies");
            session.removeAttribute("info");
    
            response.sendRedirect("success.jsp");
    
    展开全文
  • 写一个简单的登录页面!!!(html)

    千次阅读 多人点赞 2020-12-01 22:07:45
    写一个简单的登录页面!!! 大家,我是伍柒. 今天我又双叒叕发现了一个好东西. 那就是用html做一个登录页面 那,该如何做呢? 首先

    写一个简单的登录页面!!!

    大家好,我是伍柒.
    今天我又双叒叕发现了一个好东西.
    那就是用html做一个登录页面
    那,该如何做呢?
    在这里插入图片描述

    首先
    现在html里的body里写
    一个头部header标签(双标签)
    然后在header标签里写登录就像这样
    < header>用户登录< /header>
    然后再写一个div标签
    < div>
    < input type=“text” name=“username” placeholder=“请输入账号…” /><(这是账号部分,input标签是单标签)
    < input type=“password” name=“password” placeholder=“请输入密码…” />(这是密码部分)
    然后再添加登录按钮.如下:
    < input type=“button” value=“登录” />
    整理一下,总效果如下:

    <body>
    <header>用户登录</header>
    <div>
    <input type="text" name="username" placeholder="请输入账号..." />
    <input type="password" name="password" placeholder="请输入密码...">
    </div>
    <div>
    <input type="button" value="登录"/>
    </div>
    </body>
    

    接下来我放置一下效果图
    在这里插入图片描述
    看起看起来不太美观…

    不如
    加点样式吧

    <style type="text/css">
      header{
    		width: 100%;/*这是设置宽,100%的意思是撑满屏幕*/
    		height: 35px;/*这是设置高*/
    		background-color: black;/*这是header标签的背景颜色*/
    		color: white;/*这是字体颜色*/
    		text-align:center;/*这是文字居中*/
    		line-height: 35px;
    		}
    	 input[type="text"],input[type="password"]{
    		line-height: 48px;
    		margin-top: 10px;
    		width: 100%;
    		}/*这是设置账号框和密码框的样式,具体的需要说的太多,
    		嗯....,
    		那就请你们动动你们的小手去百度搜一下叭*/
    		input[type="button"]{
    		width: 100%;
    		margin-top: 10px;
    	}
    </style>
    /*样式最好写在head标签后面body标签前面*/
    

    效果图来啦
    在这里插入图片描述

    看起来似乎还可以
    在这里插入图片描述

    好了,今天的内容就到这里了,喜欢的一键三连,下期更精彩!!!

    展开全文
  • 教你如何一个jsp页面

    万次阅读 2018-12-29 19:48:45
    教你如何一个jsp页面 JSP是学习Java EE的第一门课,你想做一个简单的JSP吗?今天,小白来演示一次。这是本人第一篇博客,若有不对的地方,还请多多指教。 让我们来写一个登录页面,相信过html的同学也已经...

    教你如何写第一个jsp页面

    JSP是学习Java EE的第一门课,你想做一个简单的JSP吗?今天,小白来演示一次。这是本人第一篇博客,若有不对的地方,还请多多指教。

    让我们来写一个登录页面,相信写过html的同学也已经得心应手,在这里我写一个简单的布局。

    login.jsp

    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>登录</title>
    </head>
    <body>
    	<form action="LoginServlet" method="post">
    		<table>
    			<tr>
    				<td>账号</td>
    				<td><input type="text" name="username"></td>
    			</tr>
    			<tr>
    				<td>密码</td>
    				<td><input type="password" name="password"></td>
    			</tr>
    			<tr>
    				<td><input type="submit" value="登录"></td>
    			</tr>
    		</table>
    	</form>
    </body>
    </html>
    

    演示效果

    OK!下一篇将和大家一起来用eclipse完整地做一个jsp

    展开全文
  • 创建了三html页面,然后判断email栏是否有文字,有的话 输出 欢迎+文字 的html页面,没有就输出 对不起,没有该用户 这html页面。(怎么在servlet里输出html页面啊!!!)![图片说明]...
  • 用flutter写一个精美的登录页面

    万次阅读 多人点赞 2018-10-14 00:41:10
    页面一个Scaffold中包裹着, 然后整体布局是纵向的,于是我们用ListView来做外层控件,因为是有输入框,所以我们又用了Form来包裹住整体. 标题部分 buildTitle(), buildTitleLine(), 分别实现了Login的文字组件和下方...
  • vue使用element写一个简单的登陆页面

    千次阅读 2018-08-13 10:03:20
    vue使用element东西让我感觉到了特别的方便,但是一遇到问题的话,那是真还,网上基本上都有一些小demo或详解,今天我这里给大家分享下我一个简单的登陆跳转的页面 html代码 账号,密码和确认密码 &...
  • 用CSS写一个简单的幻灯片效果页面

    千次阅读 2019-05-15 09:45:02
    【用CSS写一个简单的幻灯片效果页面】 每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能,本篇分享的是: ...
  • vue+element-ui可以快速开发一个页面,免除大部分的css代码。 一.用表单来做: 1.代码: &lt;!--基本html代码区域--&gt; &lt;template&gt; &lt;div class="firstdemo"&gt; ...
  • 写一个漂亮的注册页面

    万次阅读 2016-08-21 16:55:55
    在HTML板块中我到了HTML初识,但是呢界面的不完美,很不好看,那么今天我就篇好看的注册页面。其中没有涉及什么重要的知识!!只是把注册界面得好看了些。来看下效果: 涉及到的图片 了准备工作做好...
  • 小白教程——Windows下用PHP写一个简单的登录注册页面(一)
  • 这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护,如果有很多网页,当通用内容需要修改时,只改一个文件就可以了,不...
  • 一个children ,单路由的话是这么 ``` { path: '/home', name: 'home', component: Home, children:[ { path:"list", component:xxx } ] } ``` 但是多路由...
  • 问题原因是变态的项目经理说路由文件如果很长很长。全在一个文件里面放的...最后在一个大神下面留言请教,没想到他竟然了一篇博客给我解答链接地址在这里https://blog.csdn.net/FungLeo/article/details/81014184...
  • vue+elementUI漂亮UI页面

    千次阅读 多人点赞 2020-06-06 00:34:35
    先上图,觉得好看的,从github拿源码吧~ ... 执行 npm i 之后,由于我添加了electron-builder,所以此项目可以build成网页版,也可以build成桌面应用。 后续会补充完善成全响应式布局,并适当添加功能。...
  • 搭建一个vue小页面

    万次阅读 多人点赞 2018-03-07 17:06:59
    本文转自http://blog.csdn.net/joshua_hit/article/details/59635160继续搞Vuejs的前端,在之前我已经在Windows系统上配置一个初始的vue-cli页面,目前我需要做的工作,就是开始代码,学习增删页面,加入...
  • 第(1)步新建的preject已经有一个MainActivity.java文件。按上图示操作,我们需要新建的是一个名为DisplayActivity.java(自取)的Activity。这会在Layout中自动生成文件名为activity_display的XML文件。 (3)完成...
  • 如果写一个静态HTML页面,直接HTML代码和用JS动态生成代码,哪种方式要好点?为什么? 不考虑人力因素(手写HTML太费时间排除),请从读取和解析或者其他的角度分析。谢谢 添加评论 分享   ...
  • 搭建一个vue小页面(入门vue)

    万次阅读 多人点赞 2018-07-12 12:00:25
    最近在学习vue框架,找了很久在网上找到下面这篇博客,觉得得通俗易懂...本文转自http://blog.csdn.net/joshua_hit/article/details/59635160继续搞Vuejs的前端,在之前我已经在Windows系统上配置一个初始的v...
  • 新手如何利用工具做出一个好看的Web静态页面

    万次阅读 多人点赞 2017-06-10 16:02:06
    我们这学期的系统分析与设计课程的大作业要求做一个电影购票系统,组内成员都没有完整的Web网站开发经验,所以大家都是边做边学的状态。而我由于在之前分布式的课程上被Spring配置弄得死去活来,所以无奈只能利用...
  • 前端如何登录页面

    千次阅读 2019-08-12 16:29:44
    是我目前项目里面老人的,逻辑是在每次请求时先对后端返回的状态码做判断,如果是无权限或者失效状态,那就使用window.location.href来跳转到登录页面,但是有问题,就是页面渲染的顺序问题,主页会先渲染...
  •  1、应用场景:我们平时开发为了提高开发效率,都会引用一些第三方的js库,最典型的就是jQuery,只有一个js还,如果多了呢?每新建一个jsp页面都要引一遍,非常麻烦,看起来也不美观,我们可以把公用的js库单独...
  • vue从一个页面引入另一个页面

    万次阅读 多人点赞 2018-11-12 14:46:30
    1.先写好一个demo页面 demo.vue &lt;template&gt; &lt;div&gt; &lt;h1&gt;11111&lt;/h1&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; ...
  • 在项目过程中我们经常会用到把一个页面嵌入到另外的一个页面当中去 比如以一个模态框的形式去展示 但是这个过程中而且还会涉及到数据的交互 比如在列表的展示页我们希望修改和添加是通过一个页面的弹框的形式去...
  • 在VScode中的第一个html程序

    万次阅读 2019-03-04 20:31:20
    首先插件配备了,写一个HTML测试一下 首先创建一个文件夹,创建一个HTML 文件夹 (或者jQuery文件夹) 下面接着可以在目录下新建文件写一个html 我测试取名 text2 (名字任意,自己取) 注意:的是html ,...
  • 利用HTML表单标签编写一个注册页面

    万次阅读 多人点赞 2018-09-10 17:45:00
    今天我们来写一个注册页面form表单先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构:页面结构大体就是这样子的~表单标签:&lt;form action="#...
  • 4.1 django返回一个html页面(1)

    千次阅读 2019-11-17 17:02:37
    1. 我们想要django返回的不是简单的HttpResponse对象,而是一个完整的html页面,先写好参数,和views的函数名 2. 然后在App文件夹下新建一个目录,目录名字是templates(这个目录名字必须是这个) 2.1 然后在这个...
  • 用vue开发经常会碰到,一个功能的新增、编辑、查看公用同一个页面,如果是页面暂且不提。 但是弹框,很多人会发现,如果是点击编辑,取消,再点新增,弹框上面是会有残留数据的,为什么会这样呢,因为在点编辑的...
  • 有时候后我们会需要在一个新窗口打开页面,而我们都知道,vue是单页面的应用,通过router在内部跳转的。但是依然有办法实现这个需求。 刚开始在网上找了一下,有两种方式,一种是给router-link标签添加tag=a跳转...
  • 我在这里告诉大家一个小窍门,是我的神技,那就是在电脑上写好移动端页面, 如何在手机上快速查看呢?多余的话不说,直接说技能点。 1,这里首先找到自己的ip地址然后把自己的ip地址复制到这里,就是自己 在电脑上...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,019,080
精华内容 407,632
关键字:

如何写好一个页面