精华内容
下载资源
问答
  • 效果图目录结构:在我们做一个页面之前,要先想好他的一个整体布局,也就是我们这里面的login.html主页面,大致结构如下:接下来,我们先上代码,看一下具体实现方法:login.html<!DOCTYPE html> <html ...

    92db78ea2694ee767798bcb5e462580a.png
    效果图

    目录结构:

    0fb260a9f2e21b3f5203642a1fee686d.png

    在我们做一个页面之前,要先想好他的一个整体布局,也就是我们这里面的login.html主页面,大致结构如下:

    5ae35d3c7003b44793d57e80f2728f9c.png

    接下来,我们先上代码,看一下具体实现方法:

    login.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>登录页面</title>
     
        <link rel="stylesheet" type="text/css" href="login.css"/>
        <script type="text/javascript" src="login.js"></script>
    </head>
     
    <body>
    <div id="login_frame">
     
        <p id="image_logo"><img src="images/login/fly.png"></p>
     
        <form method="post" action="login.js">
     
            <p><label class="label_input">用户名</label><input type="text" id="username" class="text_field"/></p>
            <p><label class="label_input">密码</label><input type="text" id="password" class="text_field"/></p>
     
            <div id="login_control">
                <input type="button" id="btn_login" value="登录" οnclick="login();"/>
                <a id="forget_pwd" href="forget_pwd.html">忘记密码?</a>
            </div>
        </form>
    </div>
     
    </body>
    </html>
    说明:
    在这个html里面,我们主要对登录界面进行了整体布局规划,利用div将内部的窗口、图片、标签、输入框、按钮、链接进行分块,这样方便我们之后用css对其进行准确的调位置、调边距。同时也对重要的几个东西设置了id和class,这也是方便我们之后用css对其进行准确的调颜色、调字体。

    login.js

    /**
     * Created by Kay on 2016/3/8.
     */
    function login() {
     
        var username = document.getElementById("username");
        var pass = document.getElementById("password");
     
        if (username.value == "") {
     
            alert("请输入用户名");
     
        } else if (pass.value  == "") {
     
            alert("请输入密码");
     
        } else if(username.value == "admin" && pass.value == "123456"){
     
            window.location.href="welcome.html";
     
        } else {
     
            alert("请输入正确的用户名和密码!")
     
        }
    }
    说明:
    这个js是用来判断用户名和密码是否正确的,实现起来还算简单。
    可以记一下,界面跳转的语句:
    window.location.href="welcome.html";
    其次就是对输入框的返回值的获取,这里我们用到了document.getElementById的知识点,通过document的对象方法来获得指定ID值的对象。这里要注意是byId,所以前面的html里的username和password要设id值,而不是name值,不然获取不到的!
    关于document的介绍可以点击该链接:详解JavaScript Document对象

    login.css

    body {
        background-image: url("images/login/loginBac.jpg");;
        background-size: 100%;
        background-repeat: no-repeat;
    }
     
    #login_frame {
        width: 400px;
        height: 260px;
        padding: 13px;
     
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -200px;
        margin-top: -200px;
     
        background-color: rgba(240, 255, 255, 0.5);
     
        border-radius: 10px;
        text-align: center;
    }
     
    form p > * {
        display: inline-block;
        vertical-align: middle;
    }
     
    #image_logo {
        margin-top: 22px;
    }
     
    .label_input {
        font-size: 14px;
        font-family: 宋体;
     
        width: 65px;
        height: 28px;
        line-height: 28px;
        text-align: center;
     
        color: white;
        background-color: #3CD8FF;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
     
    .text_field {
        width: 278px;
        height: 28px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border: 0;
    }
     
    #btn_login {
        font-size: 14px;
        font-family: 宋体;
     
        width: 120px;
        height: 28px;
        line-height: 28px;
        text-align: center;
     
        color: white;
        background-color: #3BD9FF;
        border-radius: 6px;
        border: 0;
     
        float: left;
    }
     
    #forget_pwd {
        font-size: 12px;
        color: white;
        text-decoration: none;
        position: relative;
        float: right;
        top: 5px;
     
    }
     
    #forget_pwd:hover {
        color: blue;
        text-decoration: underline;
    }
     
    #login_control {
        padding: 0 28px;
    }
    说明:
    这个css就是最难部分了,界面之所以能达到如此美观的效果,比如登录的窗口要在屏幕居中显示、背景透明、框的四个角要有一点弧度、登录按钮与输入框上下对齐等等。

    摘要:

    ①让背景图片拉伸且占据整个屏幕:

    background-size: 100%;
    background-repeat: no-repeat;

    ②让一个div块在整个屏幕居中:

    width: 400px;
    height: 260px;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px
    (其中的margin-left:和margin-top最好是设为width和height的一半值,那样是完全居中的效果,当然记得前面要加个负号!)

    ③设置圆角:

    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    ④设置背景颜色且加透明效果:

    background-color: rgba(240, 255, 255, 0.5);

    ⑤让输入框和label对齐居中:

    form p > * {
        display: inline-block;
        vertical-align: middle;
    }

    ⑥去除链接的下划线:

    text-decoration: underline;

    7、给一个label或者button里面的文字设置居中:

       width: 120px;
       height: 28px;
       line-height: 28px;
       text-align: center;

    (需要设置line-height 其值等于 height 也就是字的行高等于它所在的label、button的高!)

    8、给“登录”和“忘记密码”的中间设置间距:

    先在html里给他们绑定一块div:

    <div id="login_control">
          <input type="button" id="btn_login" value="登录" οnclick="login();"/>
          <a id="forget_pwd" href="forget_pwd.html">忘记密码?</a>
     </div>

    然后在css里设置一下padding:

    #login_control {
        padding: 0 28px;
    }

    原文链接:网页制作:一个简易美观的登录界面_javascript_Kuroko's Development Notes-CSDN博客
    展开全文
  • servlet+mysql+html用户登录界面源代码
  • 模拟登录界面网页源代码

    千次阅读 2018-10-02 17:44:50
    &lt;!DOCTYPE html&gt; &lt;html&gt;  &lt;head&gt;  &lt;meta charset="...QQ登录&lt;/title&gt;  &lt;link rel="stylesheet" href="css/a.c

    <!DOCTYPE html>
    <html>

        <head>
            <meta charset="utf-8" />
            <title>QQ登录</title>
            <link rel="stylesheet" href="css/a.css" />
        </head>

        <body>
            
            <div class="one">

                <p>
                    <form method="get">
                        用户名&nbsp;<input type="text" size="15"><br />
                        <br /> 密码&nbsp;&nbsp;&nbsp;
                        <input type="text" size="15"><br /><br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="submit" value="登录">
                    </form>
                </p>

            </div>
        </body>

    </html>

     

     

    a.css文件

          .one{
        width: 370px;
        height: 280px;
        margin-left: 621px;
        margin-top: 310px;
        margin-right: 540px;
         border: 2px solid black;
        padding-top:100px ;
        padding-left: 80px;
        background-image: url(a.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 500px 500px;
    }

    展开全文
  • p21.add(new JLabel("<html><font color=blue> 找 回 密 码 </font></html>")); p22.add(new JLabel("状态:")); p22.add(new JLabel(" ")); p22.add(cho); p22.add(check1); p22.add(check2); p22.add...
  • 可以制作出精美的界面,信息的录入和查询系统在于信息保存和界面交互,tkinter刚好适用,对于比较熟悉的同学,下面的内容可以不看,直接移步到源代码:地址:源代码​github.com适当修改也能实现调查问卷界面,...

    由于工作需要,最近完成了一个简单的小软件,主要用于信息的录入和查询。

    程序主要使用的是Tkinter, Python 的标准 GUI 库。Tkinter相对比较简单,可以制作出精美的界面,信息的录入和查询系统在于信息保存和界面交互,tkinter刚好适用,对于比较熟悉的同学,下面的内容可以不看,直接移步到源代码:

    地址:

    源代码github.com

    适当修改也能实现调查问卷界面,生成的Excel文件也利于后续分析。

    话不多说,直接上图。

    界面分为四个部分,第一个是主界面,设置选择按钮——新建、查询:

    v2-897065113fb819a4fe57e72f0302dccf_b.jpg

    第二个是新建文件界面,手动输入信息后以Excel文件保存在本地,并设置返回按钮:

    v2-b66b30ac4c9aaa72affb53a9b98fe7cb_b.jpg

    第三个是查询界面,通过已输入的名字或编号查询用户信息:

    v2-38bf8a7faf5abbdbd588007383b51002_b.jpg

    第四个是添加界面,对于已经存在的用户可以在查询信息后使用添加功能添加信息:

    v2-7c72c506aea60fc568d1e914f5b55626_b.jpg

    为了区分开各个版块,这里使用不同的进行管理。

    首先,用Base类生成固定大小的界面框:

    class Base():
        def __init__(self, master):
            self.root = master
            self.root.config()
            self.root.title("咨询信息记录查询系统")
            self.root.geometry("1000x680")
            self.root.resizable(False, False)
            Mainface(self.root) #Enter Mainface

    当初始化Base类的时候,一些基本参数生成,包括名称(title)、界面大小(geometry)、可伸缩性(resizable),最重要的是最后一步Mainface(self.root),Mainface类设置的是主界面代码,初始化Base类也就初始化了Mainface类,所以当我们打开软件时,直接就进入了主界面。

    Mainface类主要包括两个按钮和一张背景图:

    #main interface 主界面
    class Mainface():
        def __init__(self, master):
            self.master = master
            self.master.config(bg="palegoldenrod")
            #generating picture 生成图片
            self.Pilimage = Image.open(r"Imagebackground.gif")  
            self.image = ImageTk.PhotoImage(image=self.Pilimage)
            self.mainface = Frame(self.master, width=1000, height=680, background="palegoldenrod")
            self.mainface.pack()
            b_record = Button(self.mainface, text="新 建", width=6, height=1, font=(r"Fontsimhei.ttf", 15, "bold"), compound="center", fg="dimgray", bg="skyblue", command=self.record) #button1 for recording 按钮1
            b_record.place(relx=0.3, rely=0.3, anchor=CENTER)
        #过长,省去部分代码

    Config设置的是界面背景,如果要使用图片做背景会比较麻烦,需要用from PIL import Image, ImageTk导入图片管理方法,再用tkinter中的Label组件放在指定位置;

    此外,这里先使用了一个Frame组件,作用是先将这个Frame框放在界面框中,再将其他子组件,如Button、Entry、Text等放在Frame中,如果这些子组件需要集体移动(如全部向左移动)或销毁,那只用调整Frame框的位置或销毁即可。

    在tkinter中,组件位置的摆放有三种方法,pack()grid()place()。三种方法均用于管理同在一个父组件下的所有组件的布局,pack 是按添加顺序排列组件,grid 是按行/列形式排列组件,place 则允许程序员指定组件的大小和位置。如代码中的self.mainface.pack()将会把Frame组件放在第一行,因为只有它一个组件;而代码b_record.place(relx=0.3, rely=0.3, anchor=CENTER)会把“新建”按钮放在Frame组件中的指定位置;后文中还会用到grid,通过设置行和列来进行组件摆放,常用于整齐的界面,如登录界面。

    既然使用了Button组件,那一定少不了命令函数:

    def record(self):
        self.mainface.destroy()  #destroy current interface
        Record(self.master)  #Enter Record interface

    以记录函数为例,当点击按钮后,界面将会跳转到记录界面。跳转的实现事实上是先销毁当前Frame组件,再在界面中新建下一个Frame,从用户的角度来说,就实现了跳转。如上面的程序中,先用self.mainface.destroy()摧毁当前主界面,再新建下一个记录界面。

    每一个界面的初始化都大同小异,这里不再赘述。需要特别说明的是文件的保存和读取,由于要生成Excel文件,所以这里用的xlwtxlrd库,一个用来写入数据,一个用来读取数据:

    写入数据:

    book = xlwt.Workbook(encoding="utf-8", style_compression=0)
    sheet = book.add_sheet(file_name, cell_overwrite_ok=True)
    sheet.write(0, 0, "姓 名")
    sheet.write(1, 0, file_name)
    sheet.write(0, 1, "咨询日期")

    读取数据:

    xl_a = xlrd.open_workbook(self.path)
    table = xl_a.sheets()[0]
    table_a = copy(xl_a)
    sheet = table_a.get_sheet(0)
    sheet.write(num_a, 1, add_date)

    写入数据主要在新建用户信息时,当完成用户信息输入后,点击保存则会在指定文件夹生成与输入名称相同的xls文件,write方法可以在指定的单元格写入指定的内容。

    这里没有让用户选择文件存储位置,原因是每个用户的存储位置不同,设计查询功能时比较麻烦,如果需要用户选择文件存储位置,可以使用filedialog.asksaveasfilename(title="保存文件",filetypes=ftypes, defaultextension=".xls")方法,点击后将会弹出位置选择框。

    读取数据主要在查询用户信息时,当用户输入姓名或编号后,程序能找到指定的xls文件,并将指定的内容显示在界面中,包括新增信息,以日期+内容的形式展示出来,便于查看记录。

    当然,程序也有很多不完善的地方,如当添加同名文件时,后面的文件会将前面的文件覆盖,也没有修改和删除功能,只能到DataFile文件夹找到相应的文件进行修改。

    而对于一些报错信息,如不输入信息就进行查询而发生错误,使用try…except…语句进行提示,防止软件闪退。

    v2-87f75abed4d77ce5a9691a582eee2f47_b.jpg

    程序的大致内容就这么多,如果有什么疑问可以在评论区提问。

    v2-1caa9453a0d299f08cb8a042b06ab8ba_b.jpg
    展开全文
  • Gitee下载 Github下载 编译源代码 ​ 如果你是直接下载项目war包,请跳过此步骤。代码克隆到本地后,你可以使用命令行工具或者IDEA对项目源码进行编译,命令如下: mvn compile -Dmaven.test.skip=true 待项目编译...
    aa9d3aec4d368b00c08c738f1c36663d.png

    大家好,我是尤娜博客(una-boot)的作者树下魅狐,自2019年9月una-boot-1.0.0版本开源以来,陆续有热爱技术,钟爱技术写作的小伙伴为尤娜提出了宝贵的改进意见和建议,在此表示衷心的感谢,谢谢大家的支持!

    简介

    ​ 尤娜(una-boot)是一款基于Spring Boot 2.0构建的国产Java博客系统,在此之前,我不断的尝试使用过不同的博客系统,如基于PHP的WordPress、基于Node.js的静态博客系统Hexo、基于Java的CMS系统JEECMS和MCMS等,这些系统都有着不错的表现,能够满足绝大多数的需求场景。那问题来了,我为什么还要重复性的造一个“轮子”呢?一个简单的比喻,前面提到的系统都很强大,有的像“卡车轮子”,有的像“坦克履带”,有的像“跑车轮子”,它们的性能,功能都很强大。然而,作为一个经常写博客文章的我,我现在需要的是小巧的“电摩轮子”。基于这样的一个需求,也参考了上述诸多优秀CMS系统的设计,站在“巨人”的肩膀上,完成了尤娜博客系统的设计和开发。

    ​ 尤娜的初衷是提供一个极简的内容创作平台,给热爱技术,热爱写作的小伙伴一个简洁,易用的写作软件。因此,尤娜博客系统在设计之初就只保留了一个博客网站最核心的几个功能模块,它们分别是栏目、文章、主题、友链、标签、归档、存储和评论,共计八个主要核心功能。为了尽可能的降低尤娜的使用门槛,尤娜基于Freemarker模板引擎开发了一套内置的博客标签,通过使用这些标签,对于不能熟练使用Java编程语言的小伙伴,也能快速的构建出一套漂亮的博客主题。尤娜会自动根据各类标签加载对应的博客数据,完成主题的渲染。

    ​ 由于抗击疫情以及工作的原因,原定于2020年1月份上线una-boot-1.2.0版本的计划推迟到了3月份。在una-boot-1.2.0版本中,新增了在线安装并初始化博客的功能,免去了部署系统是来回修改配置文件的复杂过程。在新版本中,尤娜使用了动态数据源切换技术,系统安装完成后,不需要再重启Apache Tomcat,尤娜会自动切换到博主指定的数据源上。接下来,我将简要介绍una-boot-1.2.0版本的大致情况。

    主要特点

    • 完全开源:基于AGPL-3.0协议开源
    • 快速初始化:通过安装向导,快速完成站点初始化工作
    • 标签化建站:尤娜内置了内容标签和内容函数,可以快速的完成模板的制作
    • 多主题:支持多个主题自由切换,快速改变站点风格,而不需重新编译后台代码
    • Markdown支持: 内置markdown编辑器
    • 文件存储:支持本地存储和CDN存储
    • 评论支持:内置了Gitalk评论函数,只需设置相关的Gitalk参数即可拥有评论功能
    • Spring Boot: 基于Spring Boot 2.0版本进行构建

    开发环境

    ​ 建议您使用下面推荐的环境与尤娜玩耍,以避免版本不一致所带来的困扰

    • OS: Windows 7/10,Linux
    • IDE: Eclipse,IntelliJ IDEA(推荐)
    • DB:MySQL 5.6+
    • JDK: JDK8+
    • Web Server: Apache Tomcat 8+
    • Maven: Maven 3.0+

    技术框架

    尤娜所使用的开发框架明细:

    64402bd46166c7c884705ad3f607f622.png

    快速开始

    ​ 你可以按照下列的方式来获取并运行尤娜博客系统。

    获取源代码

    ​ 你可以使用git工具从Github或者Gitee上获取尤娜博客最新的源代码:

    git clone https://github.com/ramostear/UnaBoot-Pro.git
    git clone https://gitee.com/ramostear/UnaBoot-Pro.git

    除此之外,我还提供了可在Tomcat中运行的war包,你可以访问https://gitee.com/ramostear/UnaBoot-Pro/releases/una-boot-v1.2.0或者https://github.com/ramostear/UnaBoot-Pro/releases/tag/una-boot-v1.2.0 下载最新的war到本地运行。

    daeb074b9bde13a7379e2a182685e771.png

    Gitee下载

    ee2092cf3ab79e48a83a511689a25309.png

    Github下载

    编译源代码

    ​ 如果你是直接下载项目war包,请跳过此步骤。代码克隆到本地后,你可以使用命令行工具或者IDEA对项目源码进行编译,命令如下:

    mvn compile -Dmaven.test.skip=true

    待项目编译完成后,便可执行打包操作。

    注意:

    如果使用IDE自带的Maven工具对项目进行编译时,请检查你的IDE是否安装了Lombok插件,如果缺少Lombok插件,项目编译将会失败。

    项目打包

    ​ 项目编译完成后,需要对项目进行打包才能运行,如果你使用的是IntelliJ IDEA或者STS等工具,可以直接运行UnaBootProApplication.java文件中的main()方法来启动项目。如果你想将项目放到外部的Tomcat中运行,请参照下面的打包命令:

    mvn clean package -Dmaven.test.skip=true

    打包成功后,你可以在项目的target目录中找到一份名为una-boot-pro-1.2.0.war的文件包,此文件就是运行项目的最终文件。

    启动项目

    ​ 将打包好的或者下载的una-boot-pro-1.2.0.war文件拷贝到Apache Tomcat安装目录下的webapps目录中,然后启动Apache Tomcat。

    注意:

    尤娜博客系统需要在Apache Tomcat 8及以上的版本中运行

    0a70ac2af9832b2e7aaeab7ab7b83fd2.png

    拷贝war文件到tomcat

    40ad8faa8ad666d4a00431a950d2bf85.png

    启动Apache Tomcat

    Apache Tomcat启动完成后,在浏览器中按照下列的格式输入访问地址并访问

    http://[localhost|127.0.0.1]:[8080/你自己的tomcat端口号]/una-boot-pro-1.2.0/unaboot/install.html

    提示

    如果是第一次启动并访问尤娜博客系统,请在MySQL数据库管理系统中创建一个空的数据库,该数据库在的名称在初始化博客时需要使用。如本次演示所使用的db_una_boot_pro_demo.

    安装并初始化尤娜

    安装向导

    ​ 以我在本地演示为例,浏览器中输入http://localhost:8080/una-boot-pro-1.2.0/unaboot/install.html ,访问成功后,你将看到入下的安装向导界面:

    2def9b8eacc63817d8503af87935b313.png

    请阅读UnaBoot的许可协议,并勾选同意按钮后,点击“下一步”按钮,填写数据库相关的信息。

    数据库信息

    ​ 阅读完许可协议并同意后,你可进入数据库配置界面。在此界面中,你需要提供MySQL数据的主机地址(例如localhost或127.0.0.1),数据库的端口号(默认端口号为3306),存储尤娜博客数据的数据库名称(例如在上一步中创建的db_una_boot_pro_demo数据库),数据库的访问账号以及访问密码。

    a02cce0edf7c1bcee552a5a36b38f6da.png

    网站信息

    ​ 在完成数据库配置后,你可以进入站点信息配置界面,配置站点的名称,站点域名,管理员账号以及管理员登录密码,界面如下:

    be8d56ba0c66b5b32da795b9cdc779d3.png

    信息确认无误后,点击“确认”按钮,开始初始化博客系统。

    提示

    请牢记你的站点管理员账号和密码

    系统初始化成功后,你将收到如下的系统提示信息:

    60a848142cbd21486d31e1752cb7eb10.png

    点击“确定”按钮,系统将跳转到后台登录页面,输入此前配置的管理员账号和密码,登录系统后台。

    5665053e66d40d98e0c4ccc0494e9f46.png

    自此,整个博客的初始化工作完成。接下来,你可以使用自己的管理员账号和密码登录尤娜博客后台,对博客系统进行管理。

    重要提示

    如果你在安装初始化的过程中,没能成功初始化系统,请检查war包中的WEB-INF/lib/目录下有无ibatis-common-2.2.0.jar文件,如果没有,请将WEB-INF/lib-provided/目录下的ibatis-common-2.2.0.jar文件拷贝到WEB-INF/lib/目录中,然后重启Apache Tomcat。

    尤娜博客后台管理系统一览

    ​ 在此小结中,我将对尤娜博客后台管理系统做一个简要的介绍。

    后台主页

    ​ 博客后台主页不要包括了常用功能的快捷入口,如文档地址,接口地址,写作入口,栏目管理入口,网站设置入口,主题管理入口,全文检索设置按钮,缓存清理按钮等。界面如下:

    a0ac9d9b412b6a1060facf503f613397.png

    后台主页

    尤娜后台管理系统将功能分为了三个板块,分别时内容管理,配置管理和系统管理,下面将分别介绍。

    内容管理

    ​ 内容管理板块包含了用户管理,栏目管理,博客管理,主题管理,友链管理和标签管理,其相应的界面如下:

    b3ee6bf981e8f33fd85ba6bc42982ba6.png

    用户管理

    a1e1ec6f6ef20801d8a6425493b96aff.png

    栏目管理

    b37eb908636ad20bd38f960277b6d0fd.png

    博客管理

    0791a3703aa14a7b72614fd9d2b0f524.png

    写作页面

    ebb279141f169be41770f213b630db58.png

    主题管理

    c6ee73a5c51612055427484f0bd4a1ba.png

    友情连接管理

    262841c8ae78ffab0bb4994635d2a905.png

    标签管理

    配置管理

    ​ 配置管理板块主要包括网站常规配置(如站点名称,域名,描述,关键词,Logo,Favicon,邮箱,备案号,主题等),存储配置(分为本地存储或七牛云存储),评论配置(关闭评论或开启Gitalk评论插件)。

    e15a0a3c66e48980670b7da975832305.png

    网站常规配置

    c9c54993040adb2afcc9ef9c9ef2bada.png

    文件存储配置

    aedec03eca6b97cfeefcbba000ce9e9a.png

    Gitalk评论插件配置

    系统管理

    ​ 系统管理主要时针对尤娜博客的系统级别的管理,包括定时任务管理,API管理,系统实时日志管理和Druid监控。

    769acccd8abff5c79353fd28165479b3.png

    自定义定时任务管理

    004e59c912fa8d5600c5e3d6bb127f93.png

    基于Swagger的API管理

    755201f6e198c54d773bfd0588773c19.png

    系统实时日志

    cdeb601c81af4a224eb843dc06d6b014.png

    数据源监控

    展开全文
  • 基于web server技术,支持多点访问等等… 讲了这么多,上一个完整项目瞅瞅啥样 编辑环境 运行效果: 登录界面 主界面 整体感觉: 新技术新体验,界面做成啥样子完全取决于工程师的前端业务水平(如果像我这种对美学啥...
  • 1、引言扫码登录这个功能,最早应该是微信的PC端开始搞,虽然有点反人类的功能(不扫码也没别的方式登录),但不得不说还是很酷的。下面这张图,不管是IM开发者还是普通用户,应该很熟悉:于是,搞IM产品的老板和产品...
  • 源代码:自动车牌识别项目https://techvidvan.com/tutorials/python-project-license-number-plate-recognition/ 转载自:2020年度最佳的23个的机器学习项目(附源代码)​mp.weixin.qq.com 如有侵权,可私信联系。...
  • OpenSIP-3.1 稳定版 OpenSIPS Control Panel class 8如果读者非常熟悉操作系统和其支持包包括源代码安装的话,也可以通过源代码安装方式实现。对于一般基础用户,最好查看官方的数据配置源: 2 安装OpenSIPS 用户...
  • ✨ 愿 你 我 都 成 为 发 光 发 热 之 人 ✨ ...让我们来利用是HTML,CSS来制作一个优美的登录界面吧。 界面如下 献上源代码哦 在我的微信公众号回复“login”即可(学习微站:studysth) ...
  • jsp登陆界面源代码

    热门讨论 2013-09-14 19:27:00
    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> 登录页面</title></head><body> <form name="loginForm" method="post" action="judgeUser.jsp"> <table> <tr> 用户名:...
  • 单点登录在大型网站里使用得非常频繁,例如,阿里旗下有淘宝、天猫、支付宝,阿里巴巴,阿里妈妈,阿里妹妹等网站,还有背后的成百上千的子系统,用户一次操作或交易可能涉及到几十个子系统的协作,如果每个子系统都...
  • 网上书店(图书)管理系统的设计与实现(HTML5,SSH,MySQL)(含录像)(任务书,开题报告,毕业论文13600字,程序代码,MySQL数据库)【项目下载】网上书店管理系统功能模块划分根据需求分析与系统功能设计目标,结合实际情况本...
  • jsp登录系统设计源代码

    热门讨论 2010-11-25 21:53:28
    -- 该Login页面是一个简单的登录界面 --> <!-- 该JSP程序是用来测试与MySQL数据库的连接, 需要一个数据库:LearnJSP,和其中一个表:userinfo 表中有两个字段分别为:UserName varchar (20) not null,UserPwd ...
  • 一、首先实现一个PHP的简单登录注册的话 我们要简单的与后端定义一下接口和传输数据的方式 并且我们要有一个phpStudy服务器。第一步:当我们点击注册按钮的时候数据库要接收到客户端请求的数据第二步:接收到数据...
  • 系统源代码一、登录界面代码usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Collections;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;...
  • html登录界面

    2018-06-13 15:58:02
    html,登录界面源代码<div class="z_bj"><i></i></div> <h1>XXX登录 <div class="z_uer_name"><input name="" type="text" value="用户名" {this.value='用户名'}"/></div> <div class="z_uer_passd">&...
  • 系统源代码一、登录界面代码usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Collections;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;...
  • 导航条源代码

    2012-07-20 10:11:55
    html中的登录界面源代码,提供最简洁的源代码程序
  • 制作了HTML5的登录界面展示,使用了鼠标跟随的效果,重新写了提示框弹出效果。背景可在源代码中更换,如果做一个入口可以直接在前端上传登录背景缓存在本地。登录后的导航栏/菜单栏等都会在后续的demo中发出。这个...
  • 一个登录界面的跳转问题,在HTML代码中写入method="post" action="login.php",然后在login.php中写入引用数据库的代码,并且进行查询,绑定等操作之后,再在HTML网页中输入账号密码,点击登录,发现跳转到了login....
  • HTML+CSS 登录界面设计

    2020-04-30 21:43:49
    一、界面源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录...
  • 程序源代码.rar

    2019-08-17 10:28:28
    初代学习PHP写的数据库大作业,写的虽然比较low,但是几乎所有代码都是自己手写完成的,只有留言板和登录界面HTML是借鉴的网上,没有JavaScript的交互,所以比较low。
  • 一个模拟腾讯QQ邮箱登录界面的钓鱼平台,有前端+后台控制。 警告: 本项目只是测试,请不要用于违法!!! 使用说明: 下载save,index.html,css,login_cheak.php这四个文件上传至服务器即可!!! 特别说明:...
  • HTML+CSS实现品优购登录界面效果图如下: 1、HTML部分源代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...
  • thinkjs简单demo源代码

    2021-03-18 13:05:55
    基于thinkjs的简单demo,包括登录注册,信息发布/编辑/删除 使用本产品需要以下知识:Nodejs、thinkjs、ejs、mysql、html、css、jquery 供学习使用,只完成了基本功能,未做界面和程序上的进一步优化,细节需自行调整。...
  • 登录界面

    2016-02-29 19:42:00
    网站系统开发需要掌握的...源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1...

空空如也

空空如也

1 2 3 4 5 ... 17
收藏数 332
精华内容 132
关键字:

登录界面html源代码