163-路飞04-xadmin&轮播图接口&git的使用1

昨日回顾

1 vue项目开发,单页面开发,新建一个组件,每个组件有三部分:templage,script,style
2 页面组件,小组件   xx.html---->yy.html
	-页面组件----》页面组件
3 vue-router实现页面组件跳转
	-配置:(路径跟组件对应关系)
        {
            path: '/home',
            name: 'Home',
            component: Home
    	}
	-js控制:this.$router.push('/home')
    -hmtl模板中:
          <router-link to="/actual-course">
                <button class="btn btn-danger">点我跳转</button>
            </router-link>
4 js中的导入和导出
	-import 别名 from 'axios'
    -import 别名 from '../components/Banner'
    -import settings from '@/assets/js/settings'
    -Vue.prototype.$settings = settings;
    -this.$settings.base_url
    
    -导出
    export default {
        base_url: 'http://127.0.0.1:8000',
    }
5 主页组件---》路由是  /
	使用了头部组件,轮播组件,尾部组件
6 头部组件
7 尾部组件
8 轮播图组件

8 跨域问题处理
	-同源策略?
    -跨域问题是什么?
    -前端处理(使用代理)
    -后端处理,使用CORS(跨域资源共享),在响应头中加东西
    -简单请求,非简单请求
9 处理跨域我们采用的方式
	-自己写(写一个中间件) flask中
    -django-cors-headers:只能用在django中
    -前端使用代理
    vue.config.js文件中
        module.exports = {
        devServer: {
            proxy: {
                '/ajax': {
                    target: 'https://m.maoyan.com/',
                    changeOrigin: true
                },
            }
        }
    };
 

今日内容

1 路飞项目使用xadmin

1 公司项目,有前台(主站),后台(xadmin)
2  使用步骤
	
    
#1 安装:luffy虚拟环境下
pip install https://codeload.github.com/sshwsfc/xadmin/zip/django2
#2 注册app:dev.py
INSTALLED_APPS = [
    # ...
    # xadmin主体模块
    'xadmin',
    # 渲染表格模块
    'crispy_forms',
    # 为模型通过版本控制,可以回滚数据
    'reversion',
]
xadmin:需要自己的数据库模型类,完成数据库迁移
python manage.py makemigrations
python manage.py migrate
设置主路由替换掉admin:主urls.py

#3  xadmin的依赖
import xadmin
xadmin.autodiscover()
# xversion模块自动注册需要版本控制的 Model
from xadmin.plugins import xversion
xversion.register_models()
urlpatterns = [
    # ...
    path(r'xadmin/', xadmin.site.urls),
]
创建超级用户:大luffyapi路径终端

#4  在项目根目录下的终端
python manage.py createsuperuser
#5  账号密码设置:admin | Admin123
完成xadmin全局配置:新建home/adminx.py

#6  home/adminx.py
# xadmin全局配置
import xadmin
from xadmin import views

class GlobalSettings(object):
    """xadmin的全局配置"""
    site_title = "路飞学城"  # 设置站点标题
    site_footer = "路飞学城有限公司"  # 设置站点的页脚
    menu_style = "accordion"  # 设置菜单折叠
xadmin.site.register(views.CommAdminView, GlobalSettings)


2 首页轮播图接口

# 1 轮播图表

# 2 视图类(轮播图数量4,通过配置实现)
# 3 前端对接



# 4 后续:接口缓存

3 git的基本使用

1 版本管理工具(git,svn)
2 安装客户端

3.1 git的工作流程

1 工作区:工作的目录,文件夹下,放一些文件,文件中写内容
2 暂存区:工作区的更改,提交到暂存区(在暂存区临时存储)
3 版本库:本地文件,内容变更记录


4 git相关操作(一堆命令)
	-git init     # 初始化仓库,把当前路径,被git管理起来
    -git init a   # 创建出一个文件夹,改文件夹被git管理(.git隐藏文件)
    
    -git status   # 查看状态
    	-红色:更改没有被提交到暂存区
        -绿色:更改被提交到暂存区,但是没有被提交到版本库
    # 提交到暂存区
        -git add a.txt # 把a.txt提交到暂存区  (git add .)
        -git add .   # 当前路径下所有更改,提交到暂存区
        -git reset . # 把提交到暂存区的,拉回到工作区(很少用)
    # 从暂存区提交到版本库(不能从工作区直接提交到版本库)
    	-要往版本库提变更,需要先配置用户
        # 全局配置(用户家路径记录:.gitconfig)
        git config --global user.email "[email protected]"
  		git config --global user.name "lqz"
        # 局部配置 (当前路径下配置文件中记录:.git-->config)
        git config  user.email "[email protected]"
  	    git config  user.name "egon"
		# 从暂存区提交到版本库(必须加注释,不加注释提交不上去)
        git commi -m '注释注释一定要加,并且有意义'
        
        # 查看log
        git log  # 看到版本库中谁提交了什么,写了什么注释,在什么时间,每个版本都有一个id号
        git reflog # 精简(详细)展示
        #查看时间点之前|之后的日志:
        >: git log --after 2018-6-1
        >: git log --before 2018-6-1
        >: git reflog --after 2018-6-1
        >: git reflog --before 2018-6-1
    	#查看指定开发者日志
        >: git log --author author_name
        >: git reflog --author author_name
        # 回滚(回滚到版本管理的最新的位置)
        git checkout .

163-路飞04-xadmin&轮播图接口&git的使用1_第1张图片

4 git 分支

1 分支查看:git branch  # 绿色表示当前所在分支
2 分支创建:git branch dev # 创建分支的代码,基于master创建出来的,代码现在跟master一样
	-在那个分支上创建分支,目前新分支和所在分支代码一样
3 分支删除:git branch -d dev
4 切换分支 :git checkout dev
5 分支合并
    git merge 分支名
    把dev分支合并到master分支:切换到master分支,执行合并dev分支的命令
    
6 创建并切换到某个分支(两部并作一步)
	git checkout -b 分支名

163-路飞04-xadmin&轮播图接口&git的使用1_第2张图片

以后git提交代码出现冲突就两种情况

1 分支合并
2 在同一条分支上,你和你的同事改了同一个文件的同一段代码

你可能感兴趣的:(Django,git,Vue)