django常用命令/vue-cli图形化界面创建方式/vueo-cli命令行创建方式/若依框架/elementui

news2024/11/23 11:12:39

django常用命令

django-admin.exe startproject mysite

python .\manage.py startapp app01

python manage.py makemigrations

python manage.py migrate

python manage.py runserver

python manage.py runserver 0.0.0.0:8000

 

from django.shortcuts import render,HttpResponse ​ # Create your views here. def index(request):    return HttpResponse("欢迎使用")

安装 mysqlclient

pip install mysqlclient==1.4.1

或者mysqlclient wheel

控制台运行命令安装:pip install wheel mysqlclient-1.4.6-cp36-cp36m-win_amd64.whl

https://www.lfd.uci.edu/~gohlke/pythonlibs/#

DATABASES = {
    'default': {
    'ENGINE': 'django.db.backends.mysql',
    'NAME':'test',
    'USER': 'root',
    'PASSWORD': 'root',
    'HOST': '127.0.0.1',
    'PORT': '3307',
    }
}

Django基本的增删改查:

def depart(request):    # ORM操作    # 新增    #models.Department.objects.create(title="销售部",count=10)    #models.Department.objects.create(**{"title":"销售部","count":0}) ​    #查询    #queryset=models.Department.objects.all()    #queryset=models.Department.objects.filter(id__gt=1)#id>1    # for obj in queryset:    #     print(obj.id,obj.title,obj.count)    #obj=models.Department.objects.filter(id=1).first()    #print(obj.id,obj.title,obj.count) ​    #删除    #models.Department.objects.filter(id=1).delete() ​    #更新    models.Department.objects.filter(id=2).update(count=100)    return HttpResponse("执行成功")

安装宝塔面板

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
pip freeze > requirements.txt

宝塔Linux部署Django项目教程|带MySQL数据库:

宝塔Linux部署Django项目教程|带MySQL数据库 - 哔哩哔哩

宝塔部署django项目 访问出现Internal Server Error 500 或 502错误:

宝塔部署django项目 访问出现Internal Server Error 500 或 502错误_django internal server error_炽哥的博客-CSDN博客

find / -name activate
​
source /www/wwwroot/192.168.217.129/cc3fa4c899d98135868fd15f22d04b7d_venv/lib/python3.6/venv/scripts/common/activate
pip install -r /www/wwwroot/192.168.217.129/requirements.txt

bt restart

location / {     include uwsgi_params;     uwsgi_pass 127.0.0.1:9001; #端口要和uwsgi里配置的一样     uwsgi_param UWSGI_SCRIPT box.wsgi; #wsgi.py所在的目录名+.wsgi     uwsgi_param UWSGI_CHDIR /www/wwwroot/192.168.217.129/; #项目路径 }   location /static/ {     alias /www/wwwroot/192.168.217.129/static/; #静态资源路径 } 

#添加配置选择 [uwsgi] #配置和nginx连接的socket连接 socket=127.0.0.1:9001 #配置项目路径,项目的所在目录 chdir=/www/wwwroot/192.168.217.129/ #配置wsgi接口模块文件路径,也就是wsgi.py这个文件所在的目录 wsgi-file=box/wsgi.py #配置启动的进程数 processes=4 #配置每个进程的线程数 threads=2 #配置启动管理主进程 master=True #配置存放主进程的进程号文件 pidfile=uwsgi.pid #配置dump日志记录 daemonize=/www/wwwroot/192.168.217.129/uwsgi.log`
​

多个app的创建方式:项目根路径 C:\Users\18428\PycharmProjects

from django.contrib import admin from django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path('app02/', include("Apps.app02.urls")), path('app01', include("Apps.app01.urls")), ]

vue-admin-template

安装vue

下载完node.js后 添加到环境变量

node.js跟目录创建 node_global node_cache

vue -V 如果报错 那么就将 npm添加到环境变量 C:\Users\18428\AppData\Roaming\npm

添加到环境变量 C:\Program Files\nodejs

添加到环境变量 C:\Program Files\nodejs\node_global

添加到环境变量 C:\Program Files\nodejs\node_cache

以管理员方式运行如下参数

全局模块依赖包 npm config set prefix "C:\Program Files\nodejs\node_global" 全局缓存 npm config set cache "C:\Program Files\nodejs\node_cache"

设置淘宝镜像 npm config set registry https://registry.npm.taobao.org

安装vue npm install vue -g

安装webpack模板 npm install webpack -g`

安装vue-cli脚手架构建工具 npm install -g @vue/cli

启动vue脚手架命令:vue ui

方式1图形化界面创建vue-cli:

图形化界面创建vue-cli vue安装以及使用和gitee码云的部署注册配置公钥_vue关联仓库配置公匙_王家视频教程图书馆的博客-CSDN博客

问题:vue ui创建项目报错:Cannot read property ‘indexOf‘ of undefined

解决:

1.版本过低问题:

通过管理员模式打开cmd,再进行以下操作

第一步:通过 npm uninstall vue-cli -g 卸载之前的版本 第二步:使用这条命令下载新的版本 npm install -g @vue/cli

问题图形化界面在c盘创建项目不成功

解决:如果在vue界面创建项目不成功 那么cd 到有管理员权限的桌面 cd C:/Users/18428/Desktop 在创建

安装:element

安装axios

左侧菜单选择 Dependencies 搜索插件

运行:

 报错

使用下面的创建方式创建

vue init webpack code

npm i element-ui -S

引入element-ui

官方引入教程:Element - The world's most popular Vue UI framework

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

 

方式2命令行窗口创建 引入 axios  引入element-ui:

注意:进入前端存放目录运行:vue create vue-admin 注意:如果创建不成功请以管理员运行idea

npm install --save axios vue-axios

在main.js中写入一下代码

import axios from 'axios'
Vue.prototype.axios = axios

 npm i element-ui -S

main.js引入使用

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

 vue add element

cd 到 vue-admin根目录 创建完成之后 npm run serve 运行

这样就访问成功了:

问题:Command vue init requires a global addon to be installed. Please run npm i -g @vue/cli-init and

解决方式 cmd管理员运行:

今天再做全局安装vue-cli的时候 突然出现以上问题:

原因是因为 命令vue init需要安装一个全局加载项,

直接输入命令:npm install -g @vue/cli-init

我使用的 vue create first-demo 回车选择第三项

方式2让后参考以下内容:vue init webpack projectname

vue init webpack 项目名(英文的) // 如: vue init webpack vuedemo

? downloading template // 下载模板 ? Project name (vuedemo) // 项目名称 回车 ? Project description (A Vue.js project) // 项目的描述 回车 ? Author // 作者 回车 ? Vue build (Use arrow keys) // 选择版本打包类型 ? Runtime + Compiler: recommended for most users // 选择上面的这个 ,回车 Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - r ender functions are required elsewhere ? Install vue-router? (Y/n) // 是否安装路由 输入 N 回车 ? Use ESLint to lint your code? // 输入 N 回车 ? Set up unit tests (Y/n) // 输入 N 回车 ? Setup e2e tests with Nightwatch? No // 输入 N 回车

// 我们要安装项目依赖的模块包使用哪种方式, ? Should we run npm install for you after the project has been created? (recommended) (Use arrow keys) Yes, use NPM // 使用npm 【没有安装cnpm, 就使用这个】 回车 Yes, use Yarn // 使用yarn ? No, I will handle that myself // 不选择,自己后面操作! 【 如果安装了cnpm 推荐 选择这个】 回车

# Project initialization finished! // 项目初始化结束 # ========================

To get started: // 【输入以下命令】

cd vuedemo // 进入项目目录 npm install (or if using yarn: yarn) // 安装项目依赖的包! 如果安装了cnpm, 推荐这一步执行 cnpm i 【等待...】 npm run dev //启动项目 包安装好了之后

// 执行上述命令之后回显示如下内容 DONE Compiled successfully in 6398ms 10:59:32

I Your application is running here: http://localhost:8080 // 项目运行在本地的 http://localhost:8080

======================= 第1步: 进入项目存放目录的cmd窗口 第2步: vue init webpack 项目名 // 项目名是英文 第3步: 按照上面的选择去操作 第4步: 执行 cd 项目目录 第5步: 执行 cnpm i 第6步: 执行 npm run dev

django 问题:跨域 CORS Missing Allow Origin

解决方案:

ajax -- django 已解决 -- 拦截跨源请求:CORS 头缺少 'Access-Control-Allow-Origin - 灰信网(软件开发博客聚合)

解决办法:

\3. 重启当前项目。

Django配置swagger

参考教程:Django项目使用Swagger自动生成API文档 - 简书

Django项目使用Swagger自动生成API文档

简介

接口开发完成了,那么接下来需要编写接口文档。传统的接口文档编写都是使用word或者其他一些接口文档管理平台,这种形式接口文档维护更新比较麻烦,每次接口有变动时得手动修改文档。

Swagger是一个很好用的管理Api文档的工具,不仅仅Spring系列有自动化生成Swagger Api文档的工具包,Python同样也有(配置非常非常简单)!

Django接入Swagger 网上很多资料在介绍Django接入Swagger方法时,都是基于django-rest-swagger库进行讲解的,都殊不知,从2019年6月份开始,官方已经废弃了该库,在django 3.0中已经不支持该库了,取而代之的是全新的第三方drf-yasg库。

使用

1.安装

安装drf-yasg库

pip install drf-yasg

2.编辑设置文件

修改项目settings.py文件,添加api和drf_yasg。

INSTALLED_APPS = [
    ...
    'drf_yasg',   
]

3.路由设置

编辑url.py文件

# 配置swagger各个参数
from drf_yasg import openapi
from drf_yasg.views import get_schema_view
​
schema_view = get_schema_view(
    openapi.Info(
        title="XX项目 API",   # 名称
        default_version="版本 v1.0.0",   # 版本
        description="XX项目API交互文档由Swagger自动生成",  # 项目描述
    ),
    public=True,
)
​
urlpatterns = [
# 这两个url配置是一定要有的,用于生成ui界面,其它url正常定义就好
    path('swagger/', schema_view.with_ui('swagger', cache_timeout=0), name='schema-swagger-ui'),
    path('redoc/', schema_view.with_ui('redoc', cache_timeout=0), name='schema-redoc'),
]

\1. 在app下创建一个middlewares.py文件,写入如下代码:

from django.utils.deprecation import MiddlewareMixin
​
​
​
class MyTest(MiddlewareMixin):
​
​
​
    def process_response(self, request, response):
​
​
​
        response['Access-Control-Allow-Origin'] = "*"
​
​
​
        return response

\2. 在setting.py中注册自己刚才写的中间件:

MIDDLEWARE = [
​
​
​
    ... ...
​
​
​
    'apidemo.middlewares.MyTest',
​
​
​
]

4.测试访问

重启项目后访问

Swagger http://127.0.0.1:8000/swagger/

redoc ui http://127.0.0.1:8000/redoc/

安装vue-admin-template

git clone GitHub - PanJiaChen/vue-admin-template: a vue2.0 minimal admin template

以管理员运行vscode:npm install

运行 npm run dev

{

path: '/',

component: Layout,

redirect: '/and',

children: [{

path: 'and',

name: 'and',

component: () => import('@/views/and/index'),

meta: { title: '用户管理', icon: 'dashboard' }

}]

},

安装vue-element-admin

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git
​
# 进入项目目录
cd vue-element-admin
​
# 安装依赖
npm install
​
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com
​
# 本地开发 启动项目
npm run dev

vueAdmin-template是基于vue-element-admin的一套后台管理系统基础模板(最少精简版),可作为模板进行二次开发。

GitHub地址:https://github.com/PanJiaChen/vue-admin-template

建议:你可以在 vue-admin-template 的基础上进行二次开发,把 vue-element-admin当做工具箱,想要什么功能或者组件就去 vue-element-admin 那里复制过来。

使用 npm install安装依赖时报错 npm ERR! Error while executing

使用 npm install安装依赖时报错 npm ERR! Error while executing_surprisejavascript的博客-CSDN博客

你会发现这里上边的都不成功直到我看到了这一篇帖子

git clone git@gitee.com:constfiv/vue-element-admin-fix-install-problem.git

以管理员运行 vsde

npm install

npm run dev

npm install失败的分析与解决方案,以及修复完成的代码地址【经2000+人验证有效的解决方案】

待办的

ConstFiv 

创建于

2022-02-22 14:17

本失败原因是由于tui-editor(富文本编辑器插件)更名造成的,现在已经更名为toast-ui/editor(以下第一步) 并且该插件还进行了文件名的更名(以下第二步)以及方法名的更名(以下第三步)

解决方案如下: 1.首先将package.json中的tui-editor那一行修改为"@toast-ui/editor": "^3.1.3",

2.进入\src\components\MarkdownEditor\index.vue文件,将他的所有import删除换成下面四行 import 'codemirror/lib/codemirror.css' import '@toast-ui/editor/dist/toastui-editor.css' import Editor from '@toast-ui/editor' import defaultOptions from './default-options'

3.把该页面(还是第二条中的文件)的getValue和setValue分别换成getMarkdown和setMarkdown 把页面中的所有tui-editor全部替换为@toast-ui/editor

4.保存文件,npm install 搞定

或者可以直接去这个地址克隆我修复好的项目文件:vue-element-admin-fix-install-problem: 打个小广告:我的域名 vue4.com正在阿里云出售 克隆下来直接npm install,就能正常启动了,对应的是裤衩哥的master分支 这个库仅供被install失败困扰的兄弟临时使用,裤衩哥修复自己的库以后我就删掉

若依框架 / RuoYi-Vue

git clone git@gitee.com:y_project/RuoYi-Vue.git

下载 Redis-x64-5.0.14.1.zip  建议使用迅雷下载

Redis 安装+设置密码

1、下载Redis安装包,解压。

2、打开一个 cmd 窗口 使用 cd 命令切换目录到 C:\redis 运行:

redis-server.exe redis.windows.conf

这时候另启一个 cmd 窗口,原来的不要关闭,不然就无法访问服务端了。

redis-cli.exe -h 127.0.0.1 -p 6379

3、客户端使用config get requirepass命令查看密码

config get requirepass

1

1)“requirepass”

2)“” //默认空

4、客户端使用config set requirepass yourpassword命令设置密码

config set requirepass 123456

1

5、一旦设置密码,必须先验证通过密码,否则所有操作不可用

config get requirepass

1

(error)NOAUTH Authentication required

6、使用auth password验证密码

auth 123456

OK

config get requirepass

1 2 3

1)“requirepass”

2)“123456”

7、退出重新登录

redis-cli.exe -h 127.0.0.1 -p 6379 -a 123456

———————————————— 版权声明:本文为CSDN博主「Moguidongdong」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:Redis 安装+设置密码_podman安装redis设置密码_Moguidongdong的博客-CSDN博客

启动框架

参考教程:若依框架RuoYi项目运行启动教程【傻瓜式教程】 - 风纳云

问题:java: -source 1.5 中不支持 diamond 运算符

(请使用 -source 7 或更高版本以启用 diamond 运算符)

重要:定位到报错界面 添加依赖 反省增加<String,String>

http://localhost:8080/

cmd切换到ruoyi-ui目录的终端运行

以管理员运行 npm i 下载所有依赖

npm run dev 运行

重要:代码生成

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/519108.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Linux学习】多线程——同步 | 条件变量 | 基于阻塞队列的生产者消费者模型

多线程——同步 | 条件变量 | 基于阻塞队列的生成者消费者模型 &#x1f3d3;生产者消费者模型&#x1f3f8;同步概念&#x1f3f8;生产者消费者模型的特点 &#x1f3d3;同步的应用&#x1f3f8;条件变量&#x1f3f8;条件变量接口 &#x1f3d3;基于阻塞队列的生产者消费者模…

文心一言 VS chatgpt (16)-- 算法导论4.1 1~2题

一、当A的所有元素均为负数时&#xff0c;FIND-MAXIMUM-SUBARRAY返回什么? 文心一言&#xff1a; 当A的所有元素均为负数时&#xff0c;FIND-MAXIMUM-SUBARRAY返回-1。 这是因为在二进制中&#xff0c;当所有元素均为负数时&#xff0c;A的每个元素都对应一个负数&#xff…

基于Kubernetes集群构建大中型企业CICD应用平台(4)--Operate阶段工具

还是在192.168.19.7-CentOS-7.6-jenkins-new这台服务器上进行操作 部署过程&#xff0c;会采用Docker进行部署&#xff0c;暂时只安装Docker即可&#xff0c;后续还需安装Kubenetes 4.1 Docker安装 准备测试环境&生产环境 下载Docker依赖组件 # yum -y install yum-uti…

vue+express+mysql做一个简单前后端交互,从数据库中读取数据渲染到页面

1.下载上次的包 npm I &#xff0c;同时下载新的包 axios 2.打开数据库服务器&#xff0c;同时使用新建数据库一样&#xff0c;数据包名 3.新建一个项目 4.全局注册axios 5.新建一个server文件夹&#xff08;里面在建一个index.js的主文件&#xff09;用来放我们后端写的东西 …

设计模式——单一职责模式之桥模式

文章目录 前言一、“单一职责” 模式二、Bridge 桥模式1、动机2、模式定义3、伪代码示例4、结构 总结 前言 一、“单一职责” 模式 在软件组件的设计中&#xff0c;如果责任划分的不清晰&#xff0c;使用继承得到的结果往往是随着需求的变化&#xff0c;子类急剧膨胀&#xff…

【C++STL】map/set源码封装简单分析

文章目录 一. 问题的抛出二. 红黑树的实现三. map/set实现四. 分析五. KeyOfValue仿函数结束语 一. 问题的抛出 我们知道C的STL中map和set的底层都是红黑树。 但是仔细思考一下&#xff0c;map是存储键值对&#xff0c;也就是Key_Value模型 而set是Key的模型 那么STL中的红黑树…

apisdk-starter自动装配的思路与应用

apisdk-starter整体思路 首先定义开发者定义的开放接口声明为原始类&#xff0c;javassist生成的类是增强类。 使用springboot的EnableAutoConfiguration和Import触发Spring扫描组件扫描原始类&#xff0c;得到所有BeanDefinition拓展FactoryBean&#xff0c;构造函数的参数为…

力扣算题Day20

98.验证二叉搜索树(了解二叉树的性质,才是编写此道题代码的基础) 做题伤着了&#xff1a;这道题我做的时候&#xff0c;看到别人写的代码很长&#xff0c;懒得看&#xff0c;直接干。自己编写代码&#xff0c;没有了解平衡二叉树的性质&#xff0c;然后出现了下图[0,-1]、[0]的…

落地页设计的营销心理学(一)

营销落地页的作用&#xff0c;是为了促进目标用户转化。但如何提升转化率&#xff0c;这就需要我们了解用户在浏览落地页行为背后的动机、心理活动是什么&#xff0c;才能更好地制定营销策略。 营销心理学是指应用心理学原理来解释、预测和影响人们购买决策的一门学科。在落地页…

Goby 漏洞更新 |华视私云-CDN直播加速服务器默认口令漏洞

漏洞名称&#xff1a;华视私云-CDN直播加速服务器默认口令漏洞 English Name&#xff1a;Sinovision Cloud CDN live default passwd CVSS core: 6.5 影响资产数&#xff1a;737 漏洞描述&#xff1a; 华视私云-CDN直播加速服务器是一款用于CDN直播加速的服务器。华视私云…

Restormer Efficient Transformer for High-Resolution Image Restoration论文代码运行记录

文章目录 Restormer代码训练和测试运行记录文章及代码地址1. 所需环境2. 配置环境3. 安装gdrive以便下载数据集4. 放置权重文件5. 运行Demo运行单图像散焦去模糊训练、测试 Restormer代码训练和测试运行记录 文章及代码地址 文章名称&#xff1a;Restormer: Efficient Transf…

获取cookies的方法及使用postman进行接口关联

第一种获取cookies的方式 看有没有专门的登录测试地址&#xff0c;访问来获取cookie信息&#xff0c;然后将cookie信息粘贴到header里面 第二种获取cookies的方式 在登录前&#xff0c;提前打开审查元素&#xff0c;然后输入账号密码后&#xff0c;点击登录&#xff0c;就可…

刚来起薪就18K,公司刚来的00后真是卷王....

都说00后躺平了&#xff0c;但是有一说一&#xff0c;该卷的还是卷。 这不&#xff0c;前段时间我们公司来了个00后&#xff0c;工作都没两年&#xff0c;跳槽到我们公司起薪18K&#xff0c;都快接近我了。后来才知道人家是个卷王&#xff0c;从早干到晚就差搬张床到工位睡觉了…

【Java零基础入门篇】第 ⑤ 期 - 抽象类和接口(一)

博主&#xff1a;命运之光 专栏&#xff1a;JAVA入门 学习目标 1.了解什么是抽象类&#xff0c;什么是接口&#xff1b; 2.掌握抽象类和接口的定义方法&#xff1b; 3.理解接口和抽象类的使用场景&#xff1b; 4.掌握多态的含义和用法&#xff1b; 5.掌握内部类的定义方法和使用…

数字孪生应用 | 3D可视化技术助力智慧煤矿建设,提升煤矿生产效率

智慧煤矿数字孪生可视化平台是一种利用现代信息技术手段&#xff0c;对煤矿的生产过程进行实时监测、管理和控制的系统。它能够将煤矿内的数据、信息、图像等多种信息整合在一起&#xff0c;通过3D可视化的方式呈现给煤矿管理者和工作人员&#xff0c;帮助他们更好地了解煤矿的…

mysql读写分离实验

amoeba服务器 mkder amoeba tar xf amoba- mysql-binary-2. 2.0.tar.gz -C amoeba mv amoeba /usr/local 解压jdk mv jdk1.6 /usr/local/jdk1.6 vim /etc/profile export JAVA_home/usr/local/jdk1.6 export CLASSPATH.:$JAVA_HOME/lib:$JAVE_HOME/jre/lib export AM…

SpringBoot+myBatis(plus)+MySQL+VUE最基础简易的前后端全栈demo制作

网站全栈制作&#xff1a; 一&#xff1a;后端 为了跟公司后端更好的扯皮&#xff08;不是&#xff09;&#xff0c;本人决定学一下java语言的后端接口书写。 项目制作&#xff1a;后端采用SpringBootmyBatis(plus)mysql&#xff08;IDE为IDEA软件&#xff09;。前端采用Vue…

奶爸式Swagger教学

目录 一、导入依赖 二、SwaggerConfig基础编程 三、Swagger 常用说明注解 1.API 2.ApiOperation 3.ApiModel 4.ApiModelProperty 5.ApiParam 6.ApilmplicitParam 一、导入依赖 <!--开启Swagger --><!-- https://mvnrepository.com/artifact/io.springf…

自动化测试框架搭建步骤教程

说起自动化测试&#xff0c;我想大家都会有个疑问&#xff0c;要不要做自动化测试&#xff1f; 自动化测试给我们带来的收益是否会超出在建设时所投入的成本&#xff0c;这个嘛别说是我&#xff0c;即便是高手也很难回答&#xff0c;自动化测试的初衷是美好的&#xff0c;而测试…

实验1 流水线及流水线中的冲突【计算机系统结构】

实验1 流水线及流水线中的冲突【计算机系统结构】 前言推荐实验1 流水线及流水线中的冲突1 实验目的2 实验平台3 实验内容和步骤4 实验结论5 实验心得 最后 前言 2023-5-12 20:22:09 以下内容源自《【计算机系统结构】》 仅供学习交流使用 推荐 无 实验1 流水线及流水线中…