模板配置

模板下载

layui
https://www.layui.com/doc/modules/laytpl.html

bootcss
https://www.bootcss.com/

下载一个模板
在这里插入图片描述

把文件另存为
在这里插入图片描述

把相应的文件配置好
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述完成
在这里插入图片描述

把公共部分抽离出来

审查元素找到公共部分
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

模板继承

在这里插入图片描述

模板包含

把头部代码和菜单分离出来，为两个html文件
在这里插入图片描述
在这里插入图片描述
注意：

python3 Django 环境下，如果你遇到在根目录下urls.py中的include方法的第二个参数namespace添加之后就出错的问题。请在[app_name]目录下的urls.py中的urlpatterns前面加上app_name=’[app_name]’， [app_name]代表你的应用的名称。
例如：app_name =’[student_manage]’

在这里插入图片描述

Logo
View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport

avatar ViewDesign
cover

vue+element-ui

avatar ViewDesign

VUE 入门及应用 ( 五 ) ElementUI 组件

VUE 入门及应用 ( 五 ) ElementUI 组件

avatar ViewDesign