day70:Vue:Git&路飞学城页面效果】的更多相关文章

目录 1.Git 2.路飞学城项目页面效果 0.安装elements UI 1.顶部导航栏效果 2.轮播图效果 1.Git 什么是git?分布式版本管理工具 1.git操作 # 1 创建git本地仓库 # 创建文件夹,cd到文件夹中,执行 git init # 2 查看仓库状态 git status # 3 将想要上传的文件添加进去 git add 文件名称(.表示所有文件和目录) # 4.commit之前必须配置用户 git config --global user.name chao git…
前情提要: 通过vue 搭建路飞学城记录  一:项目分析 二:项目搭建 1:创建项目 vue init webpack luffy 2:初始化项目 清除默认的HelloWorld.vue组件和APP.vue中的默认模板代码和默认样式 2>1: 清除位置 2>2:修改后效果 2>3:结果图 三:引入ElementUI 1:快速安装ElementUI 对于前端页面布局,我们可以使用一些开源的UI框架来配合开发,Vue开发前端项目中,比较常用的就是ElementUI了. ElementUI是饿…
一.前端 vue 部署 1.下载项目的vue 代码(路飞学城为例), wget https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip 解压缩 unzip -luffy_project_01.zip 2.配置 node环境 ①下载node 的代码包 wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz ②解压缩 tar -zxvf…
vue+uwsgi+nginx部署路飞学城 有一天,老男孩的苑日天给我发来了两个神秘代码,听说是和mjj的结晶 超哥将这两个代码,放到了一个网站上,大家可以自行下载 路飞学城django代码#这个代码部署到资源服务器Django https://files.cnblogs.com/files/pyyu/luffy_boy.zip vue代码#这个代码部署到反向代理服务器 nginx https://files.cnblogs.com/files/pyyu/07-luffy_project_01.…
目录 1.Xadmin 1.Xadmin介绍 2.Xadmin安装 3.Xadmin的使用 2.项目环境搭建 1.外部依赖 2.依赖包安装 3.搭建项目 3.Git 4.日志配置 5.异常处理 6.创建数据库 1.Xadmin 1.Xadmin介绍 xadmin是Django的第三方扩展,比使用Django的admin站点更强大也更方便. 文档:https://xadmin.readthedocs.io/en/latest/index.html GitHub地址:https://github.c…
vue+uwsgi+nginx部署路飞学城   有一天,老男孩的苑日天给我发来了两个神秘代码,听说是和mjj的结晶 超哥将这两个代码,放到了一个网站上,大家可以自行下载 路飞学城django代码 https://files.cnblogs.com/files/pyyu/luffy_boy.zip vue代码 https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip 一.将代码搞到服务器上 在linux上直接下载 wget https…
有一天,老男孩的苑日天给我发来了两个神秘代码,听说是和mjj的结晶 超哥将这两个代码,放到了一个网站上,大家可以自行下载 路飞学城django代码 https://files.cnblogs.com/files/pyyu/luffy_boy.zip vue代码 https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip 一.将代码搞到服务器上 在linux上直接下载 wget https://files.cnblogs.com/fil…
环境依赖 yum install gcc patch libffi-devel python-devel zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel libpcap-devel xz-devel -y wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyu…
昨日内容回顾 1. 为什么要做前后端分离? - 前后端交给不同的人来编写,职责划分明确. - API (IOS,安卓,PC,微信小程序...) - vue.js等框架编写前端时,会比之前写jQuery更简单快捷. 2. 对于后端人员,主要为前端提供:API(接口) 以前的你的接口: http://127.0.0.1:8000/index/ http://127.0.0.1:8000/users/ http://127.0.0.1:8000/add_users/ http://127.0.0.1:…
HTML部分 <!DOCTYPE html> <html lang="en"> <head> <!--head标签的主要作用:文档的头部主要描述了文档的各种属性和信息, 包括文档的标题.编码方式以及URL等信息, 这些信息大部分是用于提供索引的,辨认和识别其他方面的应用(移动端)--> <meta charset="UTF-8" http-equiv="refresh" content=&qu…
01-jquery的介绍 JS在做项目或者是实现功能的时候,用JS去操作DOM元素非常复杂,代码量大,重复性代码也多 多个元素使用for循环遍历也是非常麻烦的,对于JS使用来说加大了难度 jQuery框架是用来查询JS的,write less do more! 特点 1.容量小,轻量级框加,目前只有30KB 2.支持CSS3的选择器 3.兼容各种浏览器 What is jQuery? jQuery is a fast, small, and feature-rich JavaScript lib…
16-如何正确的使用类选择器及总结 一般情况下尽量不要去使用id选择器,因为id选择器有很大的限制性,id一般都是JS配合使用的,类选择器都是和CSS配合使用的,特殊性情况可以用id选择器. 类的使用想要用好首先要找共有的属性 一定要有“公共类”的概念,不要试图用一个类去写所有的属性,标签要携带多个类,共同设置标签的样式,每个类要尽可能的小,最好只有一个样式 17-高级选择器   名称 说明 并集选择器 多个选择器通过逗号连接而成,同时声明多个风格相同样式 交集选择器 由两个选择器连接而成,选中…
前端                                                                                                                                  01-前端介绍 web1.0时代的网页制作一般都是静态的网页页面 web1.0时代网页三剑客 Dreamweaver+Fireworks+Flash 什么是静态页面? 没有与用户进行交互的,而是仅仅是给读者或者用户去浏览的一个网页,称为…
docker部署路飞学城blog来啦 部署需求分析: 之前是将nginx.django.vue直接部署在服务器上,既然学了docker,试试怎么部署在docker中 1.环境准备 一台linux服务器 centos7 安装好docker systemctl start docker vue代码 django后端代码 3.注意修改vue提交axaj请求的地址 修改vue接口代码文件/opt/07-luffy_project_01/src/restful/api.js vue.js需要发送请求给dj…
前言 原创文章,转载引用务必注明链接.水平有限,如有疏漏,欢迎指正. 之前看阮一峰的博客文章,介绍到路飞学城爬虫课程限免,看了眼内容还不错,就兴冲冲报了名,99块钱满足以下条件会返还并送书送视频. 缴纳99元保证金即可参与,只要完成3次作业和参与直播,提交学习笔记,就可以退还保证金,还可获得<Python全栈开发实战>及内部教材书籍,视频课程.定制文化衫等作为奖励.另外,还会有1对1的导师逐行批改你的代码.讲师3次直播答疑,还有班主任组队小伙伴共同学习. 好像打了一次广告,麻烦luffy的工作…
HTML div标签是块级标签,单独一行,可以作为其他标签的容器,没有特定含义 span是内联标签,可以作为文本内容的容器,没有特定含义 1. 查询一下对div和span标签的理解 不同的标签有自己含义,一般搭建网站的结构的时候需要用到标签的嵌套来完成不同的结构 规则 1.块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素 2. 块级元素不能放在<p>里面 3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是h1.h2.h3.…
路飞学城—Python爬虫实战密训班 第二章 一.Selenium基础 Selenium是一个第三方模块,可以完全模拟用户在浏览器上操作(相当于在浏览器上点点点). 1.安装 - pip install selenium 2.优缺点 - 无需查看和确定请求头请求体等数据细节,直接模拟人点击浏览器的行为 - 效率不高 3.依赖驱动: - Firefox https://github.com/mozilla/geckodriver/releases - Chrome http://chromedri…
1. 路飞学城第一天: 知识点 使用的是序列化与反序列化的使用: 1.创建一个公共相应的Json方法: #创建一个公共响应的类: class LuffyResponse(): def __init__(self): self.status=' self.msg=None self.data=None @property def get_dic(self): return self.__dict__ #公共异常类 class CommonException(Exception): def __in…
转载:python之路-路飞学城-python-book [25.常用模块-logging模块详解] [26.常用模块-logging模块详解2] [27.常用模块-logging模块日志过滤和日志文件截取] 很多程序都有记录日志的需求,并且日志中包含的信息即有正常的程序访问日志,还可能有错误.警告等信息输出,python的logging模块提供了标准的日志接口,你可以通过它存储各种格式的日志,logging的日志可以分为 debug(), info(), warning(), error()…
Moudle 2 1.鸡汤中国人均阅读4.35本:日本40本:韩国17本:法国20本:以色列60本成长的路上需要读书,坚持读书内心会得到升华的想法不要太多,尽量多读书,多充电多读书,多看报,少吃零食,多睡觉 [2.三元运算]三元运算又称为三目运算,是对简单的条件语句的简写,节省代码量,但是不易读简单条件语句if 条件成立: val = 1else: val = 2改成三元运算: val = 1 if 条件成立 else 2 [3.文件处理]在平时,假如给你一个文件你会怎么去操作,如何查看内容?用…
路飞学城—Python爬虫实战密训班 第三章 一.scrapy-redis插件实现简单分布式爬虫 scrapy-redis插件用于将scrapy和redis结合实现简单分布式爬虫: - 定义调度器 - 定义去重规则: 本质利用redis 集合元素不重复(被调度器使用) # 看源码request_seen函数 安装: pip3 install scrapy-redis 1. redis配置文件settings.py #from scrapy_redis import defaults # 查看默认…
1.第二天的项目是用户购物的数据存入到购物车中,这样保存的数据是存放在redis中 1. 首先先配置redis的数据库链接: #注意, 数据从redis中获取到的内容,最原始的是二进制形式的数据,想要使用就需要json.loads下 不然无法使用!记住 # redis配置 CACHES = { "default": { "BACKEND": "django_redis.cache.RedisCache", "LOCATION"…
详细步骤 1 添加登录页面 步骤: Header.vue 写一个登录按钮,<router-link to = ' /xx'> 在路由的 index.js中添加这个 新的路由,{'path':'xx','name':'xx',component:xx} 新建这个 xx 组件. 最终,完成 点击这个按钮,这个按钮本质是 a标签,拿到跳转的url,根据路由,拿到组件,最终在 <router-view> 中显示. PS:<router-view> 组件是一个 functiona…
最近由于在忙别的事情,所以路飞的课程就往后延期了,感觉很难受,不过我还是依然坚持学下去,必须的 最近在忙的事情 1.进入了数据分析行业,需要学习更多的知识 2.开始对数据收集负责,写各种爬虫 3.对数据行业很感兴趣,于是建立了自己的vpn 爬虫课程: 豆瓣爬虫,github地址 # 1.使用任意代理IP进行如下操作 # 2.使用requests模块进行豆瓣电影的个人用户登录操作 # 3.使用requests模块访问个人用户的电影排行榜->分类排行榜->任意分类对应的子页面 # 4.爬取需求3对…
学习心得: 通过这一章的作业,使我对正则表达式的使用直接提升了一个level,虽然作业完成的不怎么样,重复代码有点多,但是收获还是非常大的,有点找到写代码的感觉了,遗憾的是,这次作业交过,这次集训就结束了,后面视频中的作业和内容将不再做讲解,也没有作业批改,不论如何这次集训对于自己提升还是蛮多的,真的要感谢路飞这个学习平台. 学习笔记: 三元运算: 三元运算又称三目运算,是对简单的条件语句的简写. #简单条件语句 if 条件成立: val=1 else: val=2 #改成三元运算 val=1…
一 显示课程列表 需求:当你点击课程,course.vue在 <router-view>渲染,并不需要你进行其他点击,所欲的课程列表直接在前端显示,数据是从数据库拿到的. 补充1:生命周期钩子:mounted mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作. 1  完成这个功能的vue组件框架 <template> <ul> <a v-for="(item,index) in course_…
Evernote Export Nginx默认网站 当Nginx配置文件中有且仅有一个Server的时候,该Server就被Nginx认为是默认网站,所有发给Nginx服务器80端口的数据都会默认给server #$开头是变量 #定义Nginx运行的用户和用户组 user work work; #nginx进程数,建议设置为等于CPU总核心数 worker_processes  auto; #指当一个nginx进程打开的最多文件描述符数目 worker_rlimit_nofile 204800;…
27-url控制器之path方法 由于基于re_path的路径编写方式是重复性高的编写url,如果规则改变了,则对应的要去修改很多url,这样是很不方便的 所以采用Django2.0的path去编写url 第一个问题,函数 year_archive 中year参数是字符串类型的,因此需要先转化为整数类型的变量值,当然year=int(year) 不会有诸如如TypeError或者ValueError的异常.那么有没有一种方法,在url中,使得这一转化步骤可以由Django自动完成? 第二个问题,…
55-善于使用父亲的padding,而不是margin 56-文本属性和字体属性 div{ width: 300px; height: 100px; border: 1px solid red; /*设置字体的大小,px是像素的意思*/ /*字体的单位还有rem em %*/ /*em主要是用于移动端的字体样式大小的调节*/ /*rem也是移动端的布局使用*/ font-size: 20px; } 57-单行文本垂直居中 当行文本居中是采用的line-height 58-多行文本垂直居中 多行文…
前端                                                                                                                                  01-前端介绍 web1.0时代的网页制作一般都是静态的网页页面 web1.0时代网页三剑客 Dreamweaver+Fireworks+Flash 什么是静态页面? 没有与用户进行交互的,而是仅仅是给读者或者用户去浏览的一个网页,称为…