首页 > 其他分享 >Day 3

Day 3

时间:2022-08-21 19:12:50浏览次数:68  
标签:xj web vue 创建 py urls Day

创建app:

  python3 manage.py startapp web

  templates目录:管理html文件
  urls目录:管理路由,即链接与函数的对应关系
  views目录:管理http函数
  models目录:管理数据库数据
  static目录:管理静态文件,比如:
    css:对象的格式,比如位置、长宽、颜色、背景、字体大小等
    js:对象的逻辑,比如对象的创建与销毁、事件函数、移动、变色等
    image:图片
    audio:声音
  consumers目录:管理websocket函数

  

  把相关文件变成文件夹,在所有的python模块的文件夹下创建个__init__.py方便导入

创建管理员:

  python3 manage.py createsuperuser

    初次创建的时候要先更新下数据库:

      python3 manage.py migrate

 

简单的一个页面流程:

  web.views里面写上函数

  web.urls里面import刚写的函数并写进path里面

  把web.urls添加进xj_web的urls里面

 

全局配置:

  将创建的app即xj.apps.WebConfig 加入xj_web.settings里面的 INSTALLED_APPS

  更改时区:将xj_web.settings里面的TIME_ZONE改成Asia/Shanghai

  加入静态文件地址:

    import os

    STATIC_ROOT = os.path.join(BASE_DIR, 'static')     STATIC_URL = '/static/' #开发者文件     MEDIA_ROOT = os.path.join(BASE_DIR, 'media')     MEDIA_URL = '/media/' #用户文件   上传图片:   wget --output-document=自定义图片名称 图片地址   最好先用图床上传一下 图床 - 免费图片外链 (imgloc.com)

 

编写压缩文件的脚本:

  在web同级mkdir scripts用来储存用到的脚本

  加上可执行权限:

    chmod +x  文件名

  ./文件名即可执行

创建一个vue项目:

  安装node.js Node.js (nodejs.org)

  安装@vue/cli: npm i -g @vue/cli 

    后续操作有bug可执行:npm i -g @vue/cli@4 安装早期版本

  启动vue自带的图形化项目管理界面:

    vue ui

      如果无法加载文件表示权限不够:用管理员身份打开终端,输入set-ExecutionPolicy RemoteSigned

安装插件和依赖:

  安装vuex,router插件

  安装bootstrap依赖

 

  


  

  

标签:xj,web,vue,创建,py,urls,Day
From: https://www.cnblogs.com/fuck-Innovative-training/p/16607206.html

相关文章

  • python Day 01
    主要内容:1.有关变量的基本定义及组成2.语法:print与id3.变量的创建规则与规范4.数据类型:numbers(数字型)与字符串str*自我介绍的代码运行 图片展示:     ......
  • day-01-项目概述及环境搭建
    1、什么是SaaS平台,它有什么特点?SaaS平台:供应商将应用软件统一部署在自己的服务器上,客户可以根据工作实际需求,通过互联网向厂商订购所需的应用软件服务,按照订购服务的多少......
  • day-02-商家平台-员工、品牌、门店
    1、mybatis的执行原理及常用功能和标签1.1、执行流程1.2、核心类SqlSessionFactory:每个基于MyBatis的应用都是以一个SqlSessionFactory的实例为中心的。SqlSessio......
  • 学习 day1
    数据和指令是分开区域存放的,存放指令区域的地方称为「正文段」编译器会把a=1+2翻译成4条指令,存放到正文段中。如图,这4条指令被存放到了0x200~0x20c的区域......
  • 【Java学习Day01】Markdown语法
    Markdown学习标题几级标题就几个#加空格再加上你想写的东西#一级标题##二级标题###三级标题####四级标题#####五级标题######六级标三级标题四级标题五......
  • Day10-CSS
    图片整合,精灵图,雪碧图:什么是图片整合: 1.把小的图片整合到一个大的图片上为什么要图片整合: 优点: 较少对服务器的请求次数 减少图片的内存 增加页面的加载速度 ......
  • Day11-HTML5
    H5新增标签:H5新增的语义化标签:(双标记) 1.header整个页面的头部 2.main主要部分ie不兼容 3.section页面中的一个区块 4.footer结尾区 5.nav导航链接 6.art......
  • Day12-CSS3
    CSS3选择器:1.属性选择器:通过属性,属性值,结构 选择器[attr]{属性:属性值;}匹配具有attr的元素 选择器[attr="value"]匹配具有attr的属性,并且属性值为value的元素 选择器[......
  • Day13-CSS3
    C3新增属性扩展:穿透效果: pointer-events:none; 通过自身访问被盖住的内容盒子阴影:给元素添加的阴影: box-shadow:; h-shadow水平阴影的位置,必选 v-shadow垂直......
  • day23--Java集合06
    Java集合0613.Map接口0213.2Map接口常用方法put():添加remove():根据键键删除映射关系get():根据键获取值size():获取元素个数isEnpty():判断个数是否为0clear():清除containsKey():查......