36--Django-项目实战-全栈开发-基于django+drf+vue+elementUI企业级项目开发流程-前台项目准备

最新推荐文章于 2023-09-20 04:18:37 发布

妍婧

最新推荐文章于 2023-09-20 04:18:37 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js elementui axios bootstrap vue-cookies

本文链接：https://blog.youkuaiyun.com/BLee_0123/article/details/129977920

Django实战--网站开发专栏收录该内容

45 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何基于Django、DRF和Vue.js，结合ElementUI来开发企业级项目。首先，通过Vue脚手架创建前端项目，然后依次安装和配置Vue.js、axios、element-ui、bootstrap、vue-cookies。在main.js中设置全局CSS和JS，用axios处理前后端交互，使用vue-cookies进行cookies操作，同时整合了bootstrap和jQuery。

前台项目创建
1.命令行创建vue项目（参考使用Vue脚手架快速搭建项目）

vue create 项目名

2.安装插件vue.js

3.配置全局css，在assets/css/global.css

/* 声明全局样式和项目的初始化样式 */
body, h1, h2, h3, h4, h5, h6, p, table, tr, td, ul, li, a, form, input, select, option, textarea {
   
   
    margin: 0;
    padding: 0