今天给大家分享前端主页面的代码，设有五个功能。涉及到增删改查，用到了超链接的跳转。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

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

    <title>Document</title>

</head>

<style type="text/css">

    /* 清除默认样式 同时给所有元素设置样式 */

    * {

        margin: 0;

        padding: 0;

        font-family: "Open Sans Light";

        letter-spacing: .07em;

        /* 字母间隔大小 */

    }

    /* 因为下面想设置body、wrap区域的宽高为整个窗口高度 所以得先设置html也得这样设置

             这里得注意 body 和 html 的区别

             1.如果body及其子元素想设置高度为窗口高度 那么得设置h向下面这样设置html

             2.在body里面设置background-color时，发现整个窗口都会变了颜色 这容易产生错觉： body == 窗口

        */

    html {

        height: 100%;

    }

    body {

        height: 100%;

    }

    /* 继承窗口高度 设置一个渐变色向右渐变  渐变色推荐网站：https://www.sj520.cn/tools/jianbian/  应该有你喜欢的吧 */

    .wrap {

        height: 100%;

        background-image: linear-gradient(to right, #f3fafa, #f7f3fa);

    }

    /* 这个是登录区域 */

    .chuze-wrap {

        width: 400px;

        height: 600px;

        background-color: rgb(232, 232, 238);

        /* 居中开始 */

        position: relative;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        /* 居中结束 */

        border-radius: 10px;

        padding: 0 50px;

        /* 左右留出空余 */

    }

    .button6 {

        background: rgb(10, 10, 10);

        color: rgb(250, 252, 247);

        border: 1px solid rgb(246, 248, 250);

        transition-duration: 1s;

        /*过渡时间*/

        border-radius: 12px;

        padding: 13px 18px;

        margin-top: 20px;

        outline-style: none;

        /*去除点击时外部框线*/

        position: relative;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        width: 100%;

        line-height: 30px;

        border: 0;

        border-radius: 3px;

        margin-top: 20px;

        background-image: linear-gradient(to right, #808181, #959496);

        font-size: 16px;

        text-align: center;

        cursor: pointer;

        color: #f5f0f8;

        font-weight: bold;

    }

    .button6:hover {

        background: #f6f5f7;

        color: #f7f5f8;

        transition-duration: 1s;

    }

</style>

<body>

    <div class="wrap">

        <div class="chuze-wrap">

            <class class="chuze-title">

                <br>

                <div>

                    <br>

                    <br>

                    <a href="人口登记.jsp"><button class="button6">人口信息登记</button></a><br>

                    <a href="查询人口信息.html"><button class="button6">修改人口信息</button></a><br>

                    <a href="删除人口信息.jsp"><button class="button6">删除人口信息</button></a><br>

                    <a href="查询人口信息.jsp"><button class="button6">查询人口信息</button></tr></a>

                    <a href="/人口普查系统HtmlJsp/servlet?method=chaxun"><button class="button6">人口信息浏览</button></a><br></div>

        </div>

</body>

</html>

人口信息普查系统-JavaWeb-三的更多相关文章

  1. 人口信息普查系统-JavaWeb-一

    建民说要期中考试了,我赶紧翻阅了去年的考试题目,去年的试题是要求做一个人口普查系统.我就试着做了一下,今天主要和大家分享题目要求. 其中考试确实有些难度,用到了许多没有接触过的知识,比如JavaScr ...

  2. 人口信息普查系统-JavaWeb-五

    今天分享人口普查系统删除查询前端代码 <%@ page language="java" contentType="text/html; UTF-8" pa ...

  3. 人口信息普查系统-JavaWeb-四

    今天给大家分享前端人口登记页面,人口查询页面 人口登记 <%@ page language="java" contentType="text/html; chars ...

  4. 人口信息普查系统-JavaWeb-二

    上次发表了人口普查系统的题目要求,今天和大家分享一下我的技术方案. 技术上用到的是html+jsp+JavaBean+servlet+JavaScript 其实现在的前端页面主流还是html,它可以实 ...

  5. “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第三篇（登录窗口的实现以及如何保存登录者的信息）

    一.前言: 1.再看这篇文章的时候,您是否已经完成前两篇介绍的文章里的功能了?(Tabs页的添加,Tabs页右键的关闭,主题的更换)                 2.今天来说说登录窗口吧,看截图: ...

  6. 《Spring_Four》第三次作业——基于Jsoup的大学生考试信息展示系统的原型设计与开发

    <Spring_Four团队>第三次团队项目——基于Jsoup的大学生考试信息展示系统的原型设计与开发 一.实验目的与要求 (1)掌握软件原型开发技术: (2)学习使用软件原型开发工具:本 ...

  7. 毕业设计java实验室预约管理系统SSH机房预约系统javaweb机房实验室排课系统mysql机房管理系统 实验室管理系统 课程设计 代码讲解 调试运行

    毕业设计java实验室预约管理系统SSH机房预约系统javaweb机房实验室排课系统mysql机房管理系统 实验室管理系统 课程设计 代码讲解 调试运行 注意:该项目只展示部分功能,如需了解,评论区咨 ...

  8. 完成一个MVC+Nhibernate+Jquery-EasyUI信息发布系统

    一.最近学习了Jquery-EasyUI框架,结合之前用过的MVC3+Nhibernate做一个信息发布系统,对工作一年半的自己做一个总结吧!(也正好 供初学者学习!) 二.先上截图(系统简介),让大 ...

  9. 【百度地图API】建立全国银行位置查询系统（三）——如何在地图上添加银行标注

    原文:[百度地图API]建立全国银行位置查询系统(三)--如何在地图上添加银行标注 <摘要>你将在第三章中学会以下知识: 如何在地图上添加带银行logo的标注?(你也可以换成商场logo, ...

随机推荐

  1. 【LeetCode】913. Cat and Mouse 解题报告（Python）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 参考资料 日期 题目地址:https://leetc ...

  2. 【LeetCode】826. Most Profit Assigning Work 解题报告（Python）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 题目地址: https://leetcode.com/problems/most-pro ...

  3. C. The Meaningless Game

    C. The Meaningless Game 题目链接 题意 给你两个数,开始都为1,然后每轮可以任选一个k,一边可以乘以\(k\),另一边乘以\(k^2\),然后问你最终是否可以得到所给的两个数a ...

  4. 【LeetCode】769. Max Chunks To Make Sorted 解题报告（Python & C++）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 日期 题目地址:https://leetcode.c ...

  5. hdu-4561 连续最大积( 水题)

    http://acm.hdu.edu.cn/showproblem.php?pid=4561 求连续最大积. 他妈的狗逼思路到底咋说..... 思路是 %&*()*(&--))*)*& ...

  6. 1246 - Colorful Board

    1246 - Colorful Board    PDF (English) Statistics Forum Time Limit: 2 second(s) Memory Limit: 32 MB ...

  7. 教学日志：javaSE-初识java

    一.编译执行第一个java程序 /* 总结: 1.编译执行第一个java程序 步骤如下: 1.安装JDK开发环境: 2.配置环境变量,JAVA_HOME,PATH;--验证环境变量配置是否成功 jav ...

  8. 基于MCRA-OMLSA的语音降噪(二)：实现

    上篇文章(基于MCRA-OMLSA的语音降噪(一):原理)讲了基于MCRA-OMLSA降噪的原理,本篇讲怎么做软件实现.软件实现有多种方式.单纯看降噪效果可用python,因为python有丰富的库可 ...

  9. 《Head First设计模式》读书笔记

    前言:本文是记录我在阅读<Head First设计模式>这本书时,做得相关笔记,相关示例代码地址:design-patterns.由于本书不是将设计原则和设计模式分开讲述的,而是在讲一个设 ...

  10. Sublime Text3快速创建HTML5框架

    输入html:5 按tab键即可