O design da interface de gerenciamento de back -end do site é criar o banco de dados e somente se for feito. Se o banco de dados não tiver sido construído, a peça de conexão será definida para esvaziar primeiro e a função não poderá ser concluída em termos de transposição de página. Hoje, o trabalho foi concluído muito cedo, então escrevi um código e também usei um exemplo da imagem de fundo da página quando estava estudando. Se você precisar definir o local com personalidade, poderá usar o logotipo do seu próprio site para definir seu próprio estilo.
- <!
- <htmlxmlns = http: //www.w3.org/1999/xhtml>
- <head>
- <metahttp-equiv = content-typeContent = text/html; charset = gb2312/>
- <title> interface de login de back -end </ititle>
- <styleType = text/css>
- <!-
- .trabalhar{
- Size da fonte: 32px;
- Cor:#ff6600;
- Top-top: 180px;
- }
- corpo{
- Background-Color:#336699;
- }
- corpo{
- Background-Color: #ccccff;
- Imagem de fundo: URL (imagens/2.jpg);
- }
- .Style1 {
- Size da fonte: 18px;
- Peso da fonte: negrito;
- }
- .forma{
- Top-top: 280px;
- Right-right: 50px;
- preenchimento-esquerda: 600px;
- }
- .Style2 {color: #ffccff}
- ->
- </style>
- </head>
- <Body>
- <formmethod = postaction = class = form>
- <Tablewidth = 280border = 0align = Center>
- <tr>
- <tdWidth = 87Align = CenterValign = Middlebackground = Images/1.jpg> <divalign = RightClass = Style1>
- <divalign = direita> Nome de usuário: </div>
- </div> </td>
- <tdwidth = 183background = imagens/1.jpgbgcolor =#ccffff> <spanclass = style2>
- <Boel>
- <inputName = nameType = textId = nameMaxLength = 10/>
- </belt>
- </span> </td>
- </tr>
- <tr>
- <tdHeight = 37Align = CenterValign = Middlebackground = Images/1.jpg> <divalign = Right> <spanclass = style1> senha </span>: </div> </td>
- <tdbackground = imagens/1.jpgbgcolor =#ccffff> <spanclass = style2>
- <Boel>
- <inputName = pwdtype = PasswordId = pwdmaxLength = 20/>
- </belt>
- </span> </td>
- </tr>
- <tr>
- <tdalign = centvalign = middlebackground = imagens/1.jpg> <breting>
- <divalign = Center>
- <inputType = submitName = submitValue = submeter/
- </div>
- </belt> </td>
- <tdbackground = imagens/1.jpgbgcolor =#ccffff> <spanclass = style2>
- <Boel>
- </span>
- <divalign = centerclass = style2>
- <inputName = resetType = resetId = resetValue = reset/>
- </div>
- <Spanclass = Style2>
- </belt>
- </span> </td>
- </tr>
- </tabela>
- </morm>
- </body>
- </html>
Se você é proficiente no CSS+Div no formulário, não use tags de tabela. Se você fizer isso, o código pode ser grande e afetará a velocidade.
A figura abaixo é o resultado após a execução do código acima.