从0开始,重新赋能造数平台!(1)

搭建环建

项目地址

前端:gitee.com/luxinyu617/...

后端:gitee.com/luxinyu617/...

(其实还不太会用git抱歉)

后端

既然开始了,那就从环境搭建开始吧,可能大家都百度过django的搭建过程,这里就简要写一下(没做过的小伙伴可以跟着做)" 在 Django 项目中创建虚拟环境的步骤如下:

  1. 安装虚拟环境工具

在命令行中输入以下命令,安装虚拟环境工具:

复制代码
pip install virtualenv
  1. 创建虚拟环境

在命令行中进入 Django 项目的根目录,输入以下命令,创建一个名为 venv 的虚拟环境:

复制代码
virtualenv venv

其中,venv 是虚拟环境的名称,可以根据自己的需要进行修改。

  1. 激活虚拟环境

在 Windows 系统中,可以使用以下命令激活虚拟环境:

复制代码
venv\Scripts\activate.bat

在 Linux 或 macOS 系统中,可以使用以下命令激活虚拟环境:

bash 复制代码
source venv/bin/activate

激活虚拟环境后,命令行提示符会显示虚拟环境的名称,表示已经成功进入虚拟环境。

  1. 安装 Django 和其他依赖库

当然你也可以用在命令行中输入以下命令,导出当前项目的依赖库列表:

复制代码
pip freeze > requirements.txt

这样就会将当前项目中所有已安装的依赖库及其版本号写入 requirements 文件中,方便其他人或其他环境中使用相同的依赖库。其中,每一行表示一个依赖库及其版本号。然后在用命令

复制代码
pip install -r requirements.txt

这样,pip 就会自动安装 requirements 文件中列出的所有依赖库及其版本号,确保项目能够正常运行。

  1. 创建 Django 工程

在命令行中输入以下命令,创建一个新的 Django 工程:

复制代码
django-admin startproject myproject

其中,myproject 是工程的名称,可以根据自己的需要进行修改。

  1. 启动 Django 服务

在命令行中进入工程目录,输入以下命令,启动 Django 服务:

bash 复制代码
cd myproject
python manage.py runserver

这时就可以在浏览器中访问 http://127.0.0.1:8000/ 看到Django 的欢迎页面了。

前端

然后接下来是搭建前端的环境,前端选的是vue 搭建 Vue 项目的步骤如下:

  1. 安装 Node.js 和 npm

在官网上下载并安装 Node.js,npm 会随 Node.js 一同安装。安装完成后,可以在命令行中输入 node -vnpm -v 来检查是否安装成功。

  1. 安装 Vue CLI

在命令行中输入以下命令来安装 Vue CLI:

bash 复制代码
npm install -g @vue/cli

其中,-g 表示全局安装。

  1. 创建 Vue 项目

在命令行中进入项目所在目录,输入以下命令来创建 Vue 项目:

lua 复制代码
vue create my-project

其中,my-project 是项目名称,你可以根据实际情况自行命名。在创建过程中,会提示你选择一些配置选项,可以按照自己的需求进行选择。

  1. 运行 Vue 项目

在命令行中进入项目所在目录,输入以下命令来启动 Vue 项目:

arduino 复制代码
npm run serve

然后在浏览器中访问 http://localhost:8080/,就可以看到 Vue 项目的页面了。

今天先讲这么多吧,都是比较基础的,我先想想我是从登录开始讲还是上功能

【如果觉得有用就请给我点赞吧】

相关推荐
程序员爱钓鱼3 分钟前
Node.js 编程实战:路由与中间件
前端·后端·node.js
程序员爱钓鱼6 分钟前
Node.js 编程实战:Express 基础
前端·后端·node.js
CosMr7 分钟前
【QT】【FFmpeg】 Qt 中FFmpeg环境搭建以及D__STDC_FORMAT_MACROS、PRId64解答
后端
Knight_AL19 分钟前
Spring Boot 的主要特性与传统 Spring 项目的区别
spring boot·后端·spring
回家路上绕了弯24 分钟前
一文读懂分布式事务:核心原理、解决方案与实践思考
分布式·后端
踏浪无痕31 分钟前
JobFlow 背后:五个让我豁然开朗的设计瞬间
分布式·后端·架构
黄俊懿41 分钟前
【深入理解SpringCloud微服务】Gateway简介与模拟Gateway手写一个微服务网关
spring boot·后端·spring·spring cloud·微服务·gateway·架构师
用户2190326527351 小时前
别再到处try-catch了!SpringBoot全局异常处理这样设计
java·spring boot·后端
梁同学与Android1 小时前
Android ---【经验篇】阿里云 CentOS 服务器环境搭建 + SpringBoot项目部署(二)
android·spring boot·后端