Cinderella2333-CSDN博客

原创在vue中引入mint-ui

1.新建一个vue项目，清掉一些没啥用的样式和标签2.npm安装mint-uinpm i mint-ui -S3.全局引入mint-ui，在main.js中加入下列代码import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vue.use(MintUI)4.修改.babelrc文件{ "presets": [ [ "env", { "modules": false,

2021-06-04 12:41:22 336

原创 Django博客项目---首页设计

1.博客配图问题在管理员页面添加博客时，可以添加博客配图，那么，图片被保存在哪里呢？显然直接把图片保存在数据库里是不太可能的，所以将图片保存在项目的文件夹下，数据库中只保存图片的路径即可。（1）settings.py配置MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace("\\", "/")//在根目录中创建一个media文件夹MEDIA_URL = '/media/'（2）website/urls.py配置from django.con

2021-03-16 12:21:35 329

原创基于Django的博客项目---引入bootstrap搭建前端页面

在Django中引入bootstrap，js下载bootstrap文件夹和jquery-3.2.1.min.js，在Django项目的根目录中创建一个文件夹static，将它们复制到static中2.在setting,py中配置STATIC_URL = '/static/'STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static')]3.引用...

2021-03-12 21:30:53 277

原创基于Django的博客项目---URL及视图设计

创建好的项目在全局配置文件中会有一个urls.py，主要是管理本项目的全局url配置。每个APP也应该创建一个urls.py模块来管理自己APP下的url集。例：博客首页和博客详细页面的url及视图设计1.urls.py中加入url(r'^blog/', include('blog.urls')), # 将以blog/开头的路由转发到blog.urls2.blog/urls.pyfrom django.conf.urls import urlfrom . import viewsapp

2020-10-30 19:02:51 167

原创基于Django的博客项目---模型设计

在models.py中设计模型用来保存数据1.博客分类模型（博客分类即原创，转载等）class Category(models.Model): name = models.CharField(max_length=128, verbose_name='博客分类') def __str__(self): return self.name class Meta: verbose_name = "博客分类" verbose_name

2020-10-26 17:17:57 276 1

原创基于Django的博客项目---环境搭建

基于Django的博客项目—环境搭建项目环境：Windows + Django + MySql1.准备工作（1）安装python环境在python的官网中（http://www.python.org/）下载并安装python，需要注意的是，在安装时建议选择Customize installation自定义安装路径，如D:\python，方便以后使用。注意勾选下方的Add Python3.6 to PATH选项，这样可以为我们自动配置系统环境变量。安装检测，进入cmd界面，输入下面的命令pytho

2020-10-20 19:31:34 216

原创在新版本vue cli中引入bootstrap

1.安装jQuerybootstrap是基于jQuery的，因此我们要先安装一下jQuery包cnpm install jquery -S手动新建vue.config.js文件，注意要和package.json文件同级，在新建的vue.config.js文件中添加以下代码/**Vue-CLI项目的核心配置文件*/const webpack = require("webpa...

2020-01-08 10:56:59 449

原创 vue cli环境配置及新项目创建与运行

1.安装npm，它是基于node.js的包管理器https://nodejs.org/en/下载安装包，安装完成后，测试是否安装成功由于npm安装速度慢，所以安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org测试是否安装成功cnpm --version2.全局安装 vue-clic...

2020-01-07 16:55:49 420

原创基于Scrapy、Redis、elasticsearch和django打造的搜索引擎

1.需求分析1.1 爬取两个目标网站伯乐在线：http://www.jobbole.com/刺猬实习：https://www.ciweishixi.com/1.2 将数据存储到合适的数据库由于我们要做的是搜索引擎，传统的关系型数据库不是太适合，而且需要对部分字段进行解析，elasticSearch为我们的首选1.3 快速搭建网站使用django后端框架，进行快速网...

2019-12-31 09:36:26 467

原创 JavaScript笔记7-JS BOM

1.BOM(browser object model)浏览器对象模型2.BOM对象：（1）window对象window是浏览器的一个实例,在浏览器中，window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。方法：1）window.alert语法: window.alert ("content")功能:显示带...

2018-11-12 21:52:08 204

原创 JavaScript笔记6-JS DOM事件

1.鼠标事件onload :页面加载时触发onclick :鼠标点击时触发onmouseover :鼠标滑过时触发onmouseout :鼠标离开时触发onfoucs :获得焦点时触发onblur :失去焦点时触发onchange :域的内容改变时发生onsubmit :表单中的确认按钮被点击时发生onmousedown :鼠标按钮在元素上按下时触发onmousemove :在...

2018-11-11 17:25:16 226

原创 JavaScript笔记5-JS DOM基础

1.DOM查找方法1）getElementById()语法: document.getElementById( "id" )功能:返回对拥有指定ID的第一个对象的引用返回值: DOM对象说明: id为DOM元素上id属性的值2）document.getElementsByTagName()语法: document.getElementsByTagName( "tag" )功能:返回...

2018-11-10 20:25:24 246

原创 JavaScript笔记4-JS内置对象

1.Array（1）创建数组：new Array()（2）获取数组长度：array.length，另外通过该设置length可以从数组的末尾移除项或向数组中添加新项（3）数组的栈方法1）push()语法:arrayObject.push(newele1,newele....neweX)功能:把它的参数顺序添加到arrayObject的尾部。返回值:把指定的值添加到数组后的新长度。2...

2018-11-09 20:28:11 165

原创 JavaScript笔记3-JS中的函数

1.函数的定义：函数使用function声明，后跟一组参数以及函数体，语法如下：function functionName([arg0,arg1,...argn]){ statements}说明：1）functionName是要定义的函数名，属于标识符2）[]里的arg0,arg1,...argn为函数的参数，不是必须的2.函数返回值任何函数通过return语句，后面跟...

2018-11-08 16:32:38 183

原创 JavaScript笔记2-JS流程控制语句

1.分支语句1）if语句alert()弹出警告对话框prompt()弹出输入框，点击确定，返回输入内容；点击取消，返回null2）switch语句语法：switch(expression){ case value:statement break; case value:statement break; ... default:statem...

2018-11-08 16:31:07 166

原创 JavaScript笔记1-JS语法

1.完整的JS是由三个部分组成的（1）ECMAScript：提供核心语言功能，也就是语法，区分大小写的（2）DOM：提供访问和操作网页内容的方法和接口（3）BOM（Browser Objects）：提供与浏览器交互的方法和接口2.JS的标识符：定义：变量、函数、属性的名字，或者函数的参数。标识符的命名规则:（1）由字母、数字、下划线（_）或美元符号（$）组成（2）不能以数字开头（...

2018-11-06 16:04:41 242

原创 CSS网页布局示例

结合CSS和HTML设计并布局了简单的网页，适合初学者参考。（有logo，横向导航栏，图片加文字的布局。给图片设置纯色遮罩层，并在遮罩层上显示字母或者按钮等。）源代码后续上传...

2018-11-04 20:03:45 420

原创 CSS基础复习笔记5---css布局

1.HTML中三种布局方式：1）标准流：网页中默认的布局方式· 块级元素：如<div><h1><ul><table> <p>等，总是独占一行的。· 内联元素：如<img><span><img><a><input>等，

2018-11-02 22:59:13 204

原创 CSS基础复习笔记4---float浮动

1.float中的四个参数float:left/right/none/inherit（继承浮动）利用浮动可以实现文字环绕图片效果注意：设置浮动后，元素会脱离正常的标准流进行排列，可能会对其它元素造成干扰，也可能会使父元素无法检测到子元素而造成塌陷问题。解决方法：1）手动给父元素添加高度2）通过clear清除内部和外部浮动3）给父元素添加overfloat属性并结合zoom:...

2018-10-30 11:41:15 212

原创 CSS基础复习笔记3---盒子模型

1.盒子模型（1）（最大/小）宽度：（max/min-）width:长度/百分比/auto（2）（最大/小）高度：（max/min-）height:长度/百分比/auto注意：max-height/width和min-height/width有兼容性问题，IE浏览器不支持问：哪些HTML元素可以设置高和宽属性？答：块级元素（<p>、<div>、&lt...

2018-10-29 21:42:29 346

原创 CSS基础复习笔记2.2---文本样式

1.设置文本水平对齐方式语法：text-align:left/right/center/justify 左对齐/居中对齐/右对齐/两端对齐备注：图片想要居中对齐，不能简单的设置img居中，需在外边嵌套块级元素<div>，设置div里面的内容居中对齐即可。2.设置元素内容的垂直方式(对行内元素和单元格元素生效，对块级元素不生效)语法：vertical-align:ba...

2018-10-28 15:32:28 216

原创 CSS基础复习笔记2.1---字体样式

1.字体的选择：例：p{font-family: "微软雅黑","宋体",sans-serif;}注释：浏览器会依次查找有没有微软雅黑和宋体，都没有则按默认字体。2.字体大小设置：常用相对单位px（像素，同为50px，受分辨率影响字体大小会不同，所以手机端一般不用这个），em和%（相对父元素字体大小变化）例：p{font-size: 50px/2em/150%;}3.字体颜...

2018-10-27 23:01:33 183

Cinderella2333的博客