vue create blog-frontend cdblog-frontend 4.2 安装依赖 安装必要的依赖: npm install axios vue-router vuex 4.3 实现博客文章列表组件 在src/components/PostList.vue中实现博客文章列表组件: <template> {{ post.title }} {{ post.content }} 作者: {{ post.author.username }} 分类: {{ post.categor...
新建一个 views 文件夹,用于存储主视图(即 App.vue 直接引用主路由),内含主页界面和音乐列表界面(Home.vue 和 Music.vue) Copy <!-- src/views/Home.vue --><template>hello<router-linkto="/music"></router-link></template><!-- src/views/Music.vue --><template>hello!!!</template><!-- src...
本文主要讲解Python后端部分,由于仅仅用到了vue作为js框架并非前后端分离项目,故前端不单独介绍。 一、项目内容(做什么) 本项目实现了一个网页端的博客系统,该博客系统允许多人注册登录,用户可以在网站上面发布博客,浏览别人发布的博客。 实际意义在于:当一个小组或者一个班级需要进行学习与交流的时候可以用到,大家都...
一、初步构建后端项目 1、打开已经创建好的虚拟环境:激活activate(推荐使用虚拟环境)并创建项目 2、导入vs code中,项目环境大致如下: 需要将终端改成虚拟环境的解释器后,简单试运行: 3、创建子app(图纸管理系统模块) 由于我们把子项目都放在apps里面了(方便统一管理)所以注册要加入一段配置 4、创建数据库 一定要注意...
Django+Vue开发一个接口自动化平台 1:数据结构设计 系统设计: 1:主要功能 是什么 2:数据存放在数据库,Django使用 ORM操作数据库(数据字段,表之间的关系)设计数据结构 1个web系统,最核心的当属数据库结构了,因为一切都围绕数据计算开始。 接口测试平台,最核心的除了接口运行框架就数数据结构了,因为我们需要将用例...
vue项目部署 django项目部署 项目依赖安装 数据库配置 使用uwsgi启动django 后端样式处理 服务器购买与远程连接 服务器可以在阿里云控制台首页 (aliyun.com)、登录 - 腾讯云 (tencent.com)购买。 这里我选择购买阿里云的云服务器ECS,购买时按自己需求,镜像这里选择CentOS 7.9 ...
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 使用Vue作为前端框架,代替Django本身较为孱弱的模板引擎,Django则作为服务端提供api接口,使得前后端实现完全分离,更适合单页应用的开发构建...
最近在学习Django和Vue,经过一段时间的摸索终于把前后端调通了,初步达到了学习的目的: 1、使用Vue写前端页面; 2、使用Django处理后台逻辑,生成数据返给前端; 3、利用axios发送网络请求,包含get请求、post请求、携带参数的请求; 4、Django如何接收不同类型请求头对应的请求参数,例如表单数据、json数据; ...
一.将vue项目打包 在命令行中运行以下命令: npm run build 运行成功效果如下 然后你就可以在运行的目录下找到dist文件夹 二.登录宝塔面板,添加站点 输入域名,没有域名可以只输入你的IP地址(15.15.15.15:85) 注意这个85是自己随意规定的端口号,必须要去防火墙开放这个端口 ...
Djangovue 建立过程: 1. 创建 Django 项目 新建一个django项目 配置settings.py 文件,与 Mysql 数据库引擎进行连接 执行同步操作,将数据迁移到 Mysql 运行项目,验证配置是否正常 1)使用python manage.py runserver命令(在manage文件目录运行) 2)编辑配置、快捷运行,配置完成后可直接点击运行按钮运行 ...