本文主要介绍数据库配置与前端项目创建的关系(如何做前端数据库),下面一起看看数据库配置与前端项目创建的关系(如何做前端数据库)相关资讯。
数据库配置和前端项目创建1。封装响应。
utils.py/exc: def _ _ init _(self,cod: res _ data = { ;cod:代码,;msg;:消息,} r:100,msg:成功,tok:100,msg:成功,r:101,msg:失败} # r:101,msg:失败}2。创建一个数据库。创建一个数据库。用户向新用户授予权限。
创建数据库luffy1创建用户luffy1 @ % 由 路飞 ;授予luffy1上的所有权限。*到路飞@ % ;刷新权限刷新权限;选择用户,host,authentication_string来自mysql.us: { ;: ;django . db . back: ;路飞 , 主持人 : ;127.0.0.1;,;post;: 3306,和;;用户 : ;路飞1 , 密码和密码。;: ;路飞123 ,}} 4.下载并安装django link数据库的模块。
1\使用mysqldb进行操作- 》mysqldb不 python3.x 2之后不存在\用pymysql替换- django版本2.0.7及以上。如果用pymysql替换,需要修改django源代码导入pymysqlpymysql . install _ as _ mysqldb3 \ you don ;使用mysqlclient不需要写两句话。
计算机编程语言../../manage.py startappuser创建用户表,并基于auth展开用户表。注意:在写这之前,不要 不要先迁移数据。如果数据库被迁移,这将不起作用。如果已经迁移,删除数据库并删除所有迁移文件,包括您自己的应用程序。和两个app #配置文件,auth和admin-registry installed _ apps =[#... 用户 ,]# models . py class user(abstractus:移动= models . char field(max _ length = 11,unique = true) # imagefield继承filefield,需要下载枕头模块icon = models . image field(upload _ to = ;图标 ,默认= 图标/默认。;)class m: db _ tabl: return self . username # dev . py auth _ user _ model = ;用户.用户 #安装pillow,迁移pip安装pillow python manage。py makemigration python管理器。py迁移6。打开媒体文件夹界面,用户上传的文件会默认保存在这里。
开发人员
媒体网址= /media/ ;media _ root = os . path . join(base _ dir;;媒体 )配置路由:
从django.conf导入设置从django.views.static导入serveurlpatterns =[path( ;管理/ ;,admin.site.urls),路径( media/path :路 ,上菜,{;docum:设置。media _ root})]前台项目创建1。在响应目录中创建一个vue框架项目。
事实上,vue在github中使用npm命令下载vue框架。
vue创建luffycity2。用pycharm打开luffycity。
3.初始化前端框架(删除不必要的原始页面组件)
删除一些东西# # app.vue模板div id = app router-view//div/template # # home view . vue template div class = 家庭与娱乐h1主页/h1 /div/ templatescript: ;homeview 、compon: { } }/script # # router index . js const routes =[{ path : ;/ ;,name : ;家庭与娱乐。;,component : homeview},] 4,下载前端框架,导入到vue项目中。
//elemenui,bootstrap,jquery,axios配置# axioscnpm installaxios-s # # main . js从 axios和。;vue.prototype. $ axios = axios#elementuicnpm安装element-ui-s # # main . js从 元素-ui ;;进口与贸易。;element-ui/lib/theme-chalk/index . css ;;vue . use(element ui);# bootstrap和jqcnpm install jquery-scnpm install bootstrap @ 3-s # # vue . config . jsconst web pack = require( 网络包和);module . exports = { configurewebpack: { plugins:。provid: jqu: jqu: jqu: jqu:[ popper.js , 默认 ] }) ] }};# # main.js import 自举 进口与贸易。;bootstrap/dist/css/bootstrap . min . css ;5.全局css样式配置
assets/css/global.css
/*声明项目的全局样式和初始化样式*/body,h1,h2,h3,h4,h5,h6,p,table,tr,td,ul,li,a,form,input,select,option,t: 0;font-siz: 15px;}a { text-decoration:无;color: # 333;} ul { list-styl:无;}表{ border-collaps:崩溃;/*合并边框*/}main.js文件导入
//将自己定义的global.css引入import 。/assets/css/global . css ;6.配置文件配置。
ass: http:// 127 . 0 . 0 . 1 : 8000 } main.js文件导入。
从导入设置 。/assets/js/settings ;vue . prototype . $ settings = settings;标签:
数据库项目
了解更多数据库配置与前端项目创建的关系(如何做前端数据库)相关内容请关注本站点。