O que é Bootstrap?
O Bootstrap é uma estrutura front-end para o rápido desenvolvimento de aplicativos e sites da Web. O Bootstrap é baseado em HTML, CSS e JavaScript.
história
O Bootstrap foi desenvolvido por Mark Otto do Twitter e Jacob Thornton. O Bootstrap é um produto de código aberto lançado no GitHub em agosto de 2011.
Conteúdo do pacote de bootstrap
Estrutura básica: o bootstrap fornece uma estrutura básica com um sistema de grade, estilo de link e plano de fundo. Isso será explicado em detalhes na seção de estrutura básica do bootstrap.
CSS: O Bootstrap vem com os seguintes recursos: Configurações globais de CSS, definição de estilos básicos de elementos HTML, classe extensível e um sistema de grade avançado. Isso será explicado em detalhes na seção CSS de bootstrap.
Componentes: o Bootstrap contém mais de uma dúzia de componentes reutilizáveis para criar imagens, menus suspensos, navegação, caixas de aviso, caixas pop-up e muito mais. Isso será explicado em detalhes na seção Componentes de layout.
Javascript Plugin: O Bootstrap contém mais de uma dúzia de plugins jQuery personalizados. Você pode incluir todos os plugins diretamente ou um por um. Isso será explicado em detalhes na seção de plug-in bootstrap.
Personalização: você pode personalizar componentes de bootstrap, menos variáveis e plug-ins jQuery para obter sua própria versão.
Este capítulo apresenta como exibir um modelo de dados em um formulário após gerar um formulário (geralmente usado para editar páginas)
O código é o seguinte (endereço de conexão: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form4-initdata.html):
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> ligação de dados </title> <meta name = "viewport" content = "width = device-width, scale inicial = 1"> <link REL = "Stylesheet" href = "/ cs. Rel = "Stylesheet" href = "../ css/site.css"> <script src = "../ lib/jquery.js"> </script> <script src = "../ lib/bootstrap.js"> </script> <!-Métodos de ferramentas-> <script src = "../ scripts/global.js"> </script> <!-plugin-> <script src = "../ scripts/plugin.js"> </cript> </head> <body> <div> <div> <belt> higling binding </bet> <button> <button> <body> <div> <div> <belg> the Data Linding </etbor> <button> <butt> <bod> <btn> <div> <belg> sound the the the the the the the the the the the the <butt> <butt> <butt> <bodlet> <div> <div> action = "#" id = "formContainer"> </morm> </div> <div> <div> <belty> Introdução </elabel> </div> <div> <belt> Introdução </crety> </div> <div> <h3> formar dados de ligação a dados </h3> <lockQuote> <p> Bind JSON Format Model to Form, usando dados simulados de modelos simulados. No ambiente real, ele deve interagir com o servidor para obter dados. No objeto de configuração, é necessário um método de retorno de chamada. Algumas outras operações do formulário podem ser feitas no método de retorno, como adicionar verificação do formulário e adicionar suporte de plug-in de data ==== </p> <p> Nota: A fonte de dados da caixa de seleção está em um formulário de matriz </p> </lockquote> </div> <cript> $ (function () {var eLes = [[{Label: {text: ' Nome de usuário: '}, ele: {type:' text ', nome:' nome de usuário ', título:' nome de usuário: ', requerido: true}}, {ele: {type:' radio ', nam e: 'sexo', título: 'gênero:', itens: [{text: 'masculino', valor: 1}, {text: 'feminino', valor: 2}]}}, {ele: {type: 'caixa de seleção', Nome: 'Plant', Título: 'Usando a plataforma:', itens: [{text: 'app', valor: 'app'}, {text: 'web', value: 'web'}]}} ], [{ele: {type: 'select', nome: 'Província', título: 'Província:', withnull: true, itens: [{text: 'guangdong', valor: 'gd'}, {text: 'hunan', valor: 'hn'}]}}, {eLe: {pre: {{{{{{{{{ TIPO = "Rádio"> '}, Tipo:' Texto ', Nome:' DisplayName ', Título:' Nome de exibição: '}}, {ele: {type:' Search ', Title:' Product ', Id:' ProductName '}}}], [{ele: {type:' Data ', Name:' FromEdate ', Vidalation Período: '}}, {ele: {type:' DateTime ', nome:' Todate ', título:' ~ '}},]]; // elementos de formulário ocultos são usados principalmente para edição. }). Render ('formContainer', função (BF) {var Model = {PrimaryKey: 1, Nome de usuário: 'xxg', sexo: 1, planta: ['app', 'web'], província: 'gd', exibirName: 'test', productName: 'Noteb Ook ', Fromedate:' 2015-06-10 ', TODATE:' 2015-08-08 '}; bf.initformData (Model);}); $ ("#btnsubMit"). bind (' click ', função () {var postData = bsform.getFormData (); alert ("Os dados de expressão obtidos são:"+json.stringify (postData));})}); </script> </body> </html>Aqui, um modelo do tipo JSON é criado usando JS. No desenvolvimento real, você interagirá com o servidor para obter um modelo. O modelo é exibido no formulário através do método initFormData do plug-in do formulário.
As renderizações são as seguintes:
Os dados definidos são exibidos com sucesso no formulário
Nota: No caso de várias seleções para caixas de seleção, o que precisa ser devolvido é uma matriz
O acima exposto é a descrição completa da ligação de ligação dos dados da página de edição do formulário Smart Form Smart Smart (VI), introduzida a você pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!