b/S structure of property management System (i)-------Login

Recently planned to do a non-framework of property management system front-end use bootstrap JS jquery and so I hope you point to learn together

---the Front-end login page------

This page of the input box group with the bootstrap, I set a few background polling switch (JS control).

The div background is set to Transparent (Background:rgba (255,255,255, 0.2))

Bootstrap input Box group is all put in Div, I use CSS set width,height, with JS get to user screen width and height. One of the heights you get is to drop the height of the taskbar.

(I really like this minimalist style)

A little implementation of the background error password to display the information in the popup box

Because I just tested it. Front page all backstage just to judge the account empty prompt error message

Here is the registration

I put the registration on the login page just register with bootstrap modal box implementation (because I want to change a style)

Click the Register button when it pops up (there will be a problem with the modal box is not centered, this is the problem of bootstrap, I want to let the modal box horizontal vertical center. Tried several ways, the results are not ideal)

Register with JS regular judgment (with the kind of pop-up box)

Briefly summarize:

Do this page with lots of small details where

1) pop-up box pop-up message, if you click on another page or lose focus after. The popup box does not disappear. This needs to be noted (manually set) $ (element). PopOver ("Hide");

2) above also mentioned that the bootstrap modal frame is not completely centered to be set to modify the bottom of the bootstrap (modify the position of the modal box I only know this way)

Here is the code I wrote, CSS and JS written in the HTML to facilitate the development (I am a person in writing. It doesn't matter at all). Put it in the corresponding file after you finish it.

The code is a bit redundant (I'm planning to finish next week if I do it quickly and optimize the code) the HTML format also has a problem with the writing process (modified later)

<%@ page language= "java" import= "java.util.*" pageencoding= "UTF-8"%><%string path = Request.getcontextpath () ; String basepath = request.getscheme () + "://" +request.getservername () + ":" +request.getserverport () +path+ "/";%> <%@ page iselignored= "false"%><! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" >
b/S structure of property management System (i)-------Login