Skip to content

Latest commit

 

History

History
78 lines (47 loc) · 4.11 KB

14.1.md

File metadata and controls

78 lines (47 loc) · 4.11 KB

14.1 Static files

Los archivos estáticos Como ya hemos hablado de cómo hacer frente a los archivos estáticos, este apartado vamos a detallar cómo configurar y utilizar en beego archivos estáticos en el interior. Para entonces introducir un HTML de código abierto framework bootstrap css de arranque, sin un montón de trabajo de diseño podemos permitirá crear rápidamente un sitio hermoso.

Beego archivos estáticos y los ajustes para lograr

Paquete net / http Go proporciona un archivo estático que sirve, ServeFile y servidorArchivos otras funciones. beego procesamiento de archivo estático se maneja sobre la base de esta capa, la aplicación específica es la siguiente:

//Servidor de archivos estáticos
for prefix, staticDir := range StaticDir {
	if strings.HasPrefix(r.URL.Path, prefix) {
		file := staticDir + r.URL.Path[len(prefix):]
		http.ServeFile(w, r, file)
		w.started = true
		return
	}
}

StaticDir se almacena dentro de la URL correspondiente corresponde a un directorio de archivo estático, por lo que manejar peticiones de URL cuando la solicitud sólo necesita determinar si la dirección correspondiente al comienzo del proceso contiene el URL estática, si se incluye en el uso http.ServeFile prestacion de servicios.

Examples:

beego.StaticDir["/asset"] = "/static"

Example. Entonces la solicitud url http://www.beego.me/asset/bootstrap.css solicitara /static/bootstrap.css para el cliente.

Bootstrap integration

Bootstrap is Twitter puso en marcha un conjunto de herramientas de código abierto para el desarrollo de aplicaciones para usuario. Para los desarrolladores, Manos a la Obra es el rápido desarrollo de los mejores front-end de aplicaciones web toolkit. Se trata de una colección de CSS y HTML, se utiliza el último estándar de HTML5, para el desarrollo de su Web ofrece elegantes tipografía, formas, botones, tablas, cuadrículas, sistemas, etc

  • Componentes Bootstrap contiene una gran cantidad de componentes Web, de acuerdo con estos componentes, puede crear rápidamente un hermoso sitio web, totalmente funcional. Que incluye los siguientes componentes: menús desplegables, botones, grupos, botones menús desplegables, navegación, barra de navegación, el pan rallado, la paginación, el diseño, miniaturas, de diálogo de advertencia, barras de progreso, y otros objetos multimedia

  • JavaScript plugin de Bootstrap viene con 13 jQuery plug-ins para el Bootstrap un componente da "vida". Incluyendo: diálogo modal, tab, barras de desplazamiento, cuadro de pop-up y así sucesivamente.

  • Personaliza tu propia Bootstrap código marco puede modificar todas las variables de estilo CSS, en función de sus propias necesidades código de recorte.

Figure 14.1 bootstrap site

Next, we use the bootstrap into beego frame inside, quickly create a beautiful site.

  1. En primer lugar para descargar el directorio de arranque en nuestro directorio del proyecto, nombrado como estática, como se muestra en la captura de pantalla

    Figure 14.2 Project static file directory structure

  2. Debido beego valores predeterminados establecidos StaticDir, así que si su directorio de archivos estático es estático, entonces no es necesario ir más lejos:

    StaticDir["/static"] = "static"

  3. plantillas utilizan la siguiente dirección en él:

     // css file
 <link href="/static/css/bootstrap.css" rel="stylesheet">

 // js file
 <script src="/static/js/bootstrap-transition.js"></script>

 // Picture files
 <img src="/static/img/logo.png">

Lo anterior se puede lograr para arrancar en beego en el pasado, como se demuestra en la figura es la integración de la feria se produjo después de las representaciones:

Figure 14.3 Construction site interface based bootstrap

Estas plantillas y formatos oficiales de arranque tiene que ofrecer no se repetirá aquí pegar código, podemos iniciarla en el sitio web oficial para aprender a escribir las plantillas.

Links