![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Django + Vue 创建前后端分离项目
Glenn Liu
身体健康最重要!
展开
-
Day08--导航菜单自渲染--组件递归
导航菜单自渲染–组件递归在 ‘@/views/layout/components’ 下新建 Menu.vue 用于导航菜单自渲染组件<!-- 左侧导航菜单自渲染 --><template> <div class="menu"> <!-- 遍历菜单数据 --> <template v-for="menu in data"> <!-- 如果没有子菜单 -->原创 2022-05-29 22:01:20 · 4449 阅读 · 0 评论 -
Day07--导航菜单的引入和使用
导航菜单的引入和使用NavMenu导航菜单修改Sidebar.vue中的代码<!-- 左侧边栏 --><template><div class="sidebar"><el-menu default-active="2" class="left-menu" background-color="#304151" text-color="#bfcbd1" active-text-color="#409EFF">原创 2022-05-29 22:00:10 · 3931 阅读 · 0 评论 -
Day06--使用ElementUi和按需引入
ElementUi和按需引入ElementUi官网安装 Elementuinpm install element-ui --S安装 babel-plugin-component 依赖完成按需引入npm install babel-plugin-component --D修改 babelrc文件,引入component"plugins": [ "transform-vue-jsx", "transform-runtime", [ "comp原创 2022-05-29 06:00:00 · 3784 阅读 · 0 评论 -
Day05--布局组件整体样式的开发--基于stylus
修改 webstorm 设置 -> 编辑器 -> 代码样式 -> JavaScript 将制表符大小、缩进、连续缩进设置为2,以符合ESLint规范修改 代码样式 -> 样式表 中 Stylus 缩进都改为2修改 其他文件类型 制表符与缩进都改为2修改 编辑器 -> 常规 -> 智能建 将 Enter 下的智能缩进取消勾选在 assets 下新建 styl -> index.styl 文件,并在 index.styl 中添加样式// 页面整体布局样式.原创 2022-05-29 05:15:00 · 3814 阅读 · 0 评论 -
Day04--平台布局组件开发
布局组件开发整体布局使用左侧边栏 + 头部 + 顶部标签栏 + 中部页面内容在 src 目录下新建 views 目录用于存放页面文件在 views 目录下新建 layout 目录用于存放布局文件在 layout 目录下新建 layout.vue 用于存放页面布局在 layout.vue 中添加页面布局<!-- 页面布局 --><template> <!-- 页面整体容器 --> <div class="layout-wrapper">原创 2022-05-28 23:41:03 · 3856 阅读 · 0 评论 -
Day03--前端项目构建
项目构建在webstorm中打开终端,进入项目目录输入 vue init webpack pytools-fe-ver1.0 初始化项目项目名称为pytools-fe-ver1.0添加项目描述,作者runtime选择第一项’Runtime + Compiler’,按空格切换,按回车确认Install vue-router 选择YUse ESLint to lint your code? 选择YStandard 选择’Stander’Set up unit tests 选择NSet up原创 2022-05-29 04:30:00 · 3787 阅读 · 0 评论 -
Day02--前端项目环境配置下
开发工具webstorm 2022.2.3官网下载地址webstorm配置文件 -> 设置 搜索’字体’,选择’JetBrains Mono’,大小13 行高1.2快捷键设置根据自己喜好搜索’node.js’确认解释器安装位置项目仓库Gitee...原创 2022-05-29 04:00:00 · 3760 阅读 · 0 评论 -
Day1--前端项目环境搭建-上
node环境基本配置官网下载node.js 16.15.0长期支持版(尽量选择16以上)双击安装选择不自动安装额外工具使用 node -V 查看版本使用npm -V 查看npm版本在node目录同级创建 npm 与 npm-cache 目录使用 npm config set prefix ./npm 修改npm安装目录使用 npm config set cache ./npm-cache 修改npm缓存目录修改完成后可在C盘用户目录下看到.npmrc文件,就是刚才修改的内容将npm安装原创 2022-05-29 03:45:00 · 3729 阅读 · 0 评论 -
Day0--项目介绍
Django–Vue前后端分离介绍本项目使用Django+Vue前后端分离模式完整开发一个前后端分离项目软件架构Vue.js + Django + MySql安装教程前端项目 拉取项目 安装依赖npm install后端项目 拉取项目 安装依赖pip install -r requirements.txt主要框架VueDjango参与贡献刘国田 Lima_TT@163.com说明更新进度较慢,请耐心等待如果有什么问题,请联系我如果本项目对你有帮助,请Star原创 2022-05-28 23:19:29 · 3721 阅读 · 0 评论