随笔分类 -  前端

网站开发前端
摘要:什么是restful Restful api设计 什么是restful 1、Rest与技术无关,代表的是一种软件架构风格,中文成为"表征状态转移" 2、Rest从资源的角度审视整个网络,它将分布在网络中某个节点的资源通过url进行表示,客户端应用通过url来获取资源的表征,获得这些表征致使这些应用转 阅读全文
posted @ 2019-07-02 00:01 阳光与叶子 阅读(352) 评论(0) 推荐(0)
摘要:恢复内容开始 1、vue条件指令 可以运行加减运算 可以进行if判断 数据关联(点击指定字符展示对应的内容) v-for循环指令 输入框输入内容,添加评论,删除指定的评论 computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就在页面上进行双向数据绑 阅读全文
posted @ 2019-06-27 23:42 阳光与叶子 阅读(169) 评论(0) 推荐(0)
摘要:渐进式JavaScript框架: 一个页面小道一个变量,达到整个页面,君可以有vue控制,vue也可以控制整个项目 1、什么是Vue 可以独立完成前后端分离式web项目的JavaScript框架 2、为什么要学习Vue 三大主流框架之一:Angular(构建大型网站的时候使用),React(更新速度 阅读全文
posted @ 2019-06-26 23:39 阳光与叶子 阅读(203) 评论(0) 推荐(0)
摘要:自定义分页(内容翻页器) 新建一个目录或者一个py文件(建议新建一个目录,目录中新建一个py文件,用来专门存放分页代码) 这里就创建了一个util目录my_page.py文件 把需要翻页的代码拷贝到my_page.py文件内 返回之前的页面视图 加载上面创建的那个模块 在web前端页面添加: 实现效 阅读全文
posted @ 2019-06-25 16:22 阳光与叶子 阅读(181) 评论(0) 推荐(0)
摘要:昨天把注册功能页面做出来,接下来就是登录页面 登录功能: 1,用户账号,密码后台效验,错误信息在登录按钮右边显示 2、验证码,根据图片生成,点击图片刷新产生新的验证码 修改密码 注册 先把前端页面login.html页面编辑出来 前端效果: 前端web展示图片: 方式1: 方式2(使用模板pillo 阅读全文
posted @ 2019-06-20 22:54 阳光与叶子 阅读(395) 评论(0) 推荐(0)
摘要:分析项目需求创建表: 设置后台views.py 前端设置 实现点击头像上传图片后在头像上显示上传的头像 往后端传送数据使用ajax 实现效果:前台输入信息完成注册,输入错误提示红色信息,再次点击窗扣错误信息消失 阅读全文
posted @ 2019-06-19 23:34 阳光与叶子 阅读(607) 评论(0) 推荐(0)
摘要:执行数据库迁移的那两条命令时,即使我们没有建表,django是不是也会创建好多张表?我们创建之后去看一下里面的一个叫auth_user表,既然是表,那肯定应该有对应的操作改表的方法 auth_user表记录的添加 创建超级用户(密码是加密的) 针对表中的数据做用户登录功能 获取用户点击访问指定路径之 阅读全文
posted @ 2019-06-19 00:17 阳光与叶子 阅读(173) 评论(0) 推荐(0)
摘要:什么是csrf: 跨站请求伪造 就是一个钓鱼网站,界面操作和真是的页面一模一样,当用户操作转账功能的时候,转账数据也会发送到真实的后台,但是其中用户输入的信息中对端账户可能会被修改掉,导致用户确实转账了,但是钱却转给了别人。 如何区分钓鱼网站和正经网站?在正经网站返回页面的时候,在form表单中偷偷 阅读全文
posted @ 2019-06-18 21:59 阳光与叶子 阅读(7731) 评论(0) 推荐(0)
摘要:form组件的主要功能: 1、生成可用的html标签 2、对用户提交的数据进行效验 3、保留上次输入的内容 1、以普通方式手写注册功能 1、渲染前端标签获取用户输入 》》》》渲染标签 2、获取用户输入传递到后端效验》》》效验数据(可以做前端效验,也可以后端效验,前端可以不做,后端必须做) 3、效验未 阅读全文
posted @ 2019-06-17 23:48 阳光与叶子 阅读(515) 评论(0) 推荐(0)
摘要:ContentType数据编码格式(前后端数据传输) Urlencoded格式(form表单测试) 对应的数据格式是:name=Jason&password=555 后端获取数据:request.POST 前端使用form表单传输文件 后端显示格式还是key=value对应形式,只显示传输的文件名 阅读全文
posted @ 2019-06-16 19:09 阳光与叶子 阅读(5685) 评论(0) 推荐(0)
摘要:1、第一种django orm在创建表的时候自动帮我们创建表关系 表book_authors就是系统自动创建出来的用来关联author和book表 2、第二种纯手动创建关系表(第三张表) 手动创建关系表的好处是可以在关系表中创建自定义字段;缺点就是不能使用orm 3、第三种半自动创建第三种表(可扩展 阅读全文
posted @ 2019-06-14 22:20 阳光与叶子 阅读(437) 评论(0) 推荐(0)
摘要:MTV模型(django) M:模型层(models.py) 负责业务对象与数据库的对象(orm) T:templates 负责如何把页面展示给用户 V:views 负责业务逻辑,并在适当的时候调用model和template 此外、django还有一个url分发器,作用是将一个个url的页面请求分 阅读全文
posted @ 2019-06-14 16:42 阳光与叶子 阅读(158) 评论(0) 推荐(0)
摘要:F查询: 之前构造的过滤器都是将字段值与某个我们设定的常亮做比较,如果我们要对两个字段的字段的值做比较久需要用到F查询;F查询可以用来比较同一个model事例中两个不同字段的值, 准备工作: 创建数据库,使用orm创建表,使用Navicat添加数据,也可以使用pycharm中的database功能连 阅读全文
posted @ 2019-06-13 19:46 阳光与叶子 阅读(374) 评论(0) 推荐(0)
摘要:准备工作: 1、在orm操作表单之前需要先修改下django中连接的数据库,默认连接的是SQLit3,这里我们修改成mysql 2、mysql使用的版本是5.6,已经安装好了,直接连接就可以使用 创建django项目,这里我创建的django使用的是pycharm创建的,其中应用、模板都已经创建好了 阅读全文
posted @ 2019-06-13 00:24 阳光与叶子 阅读(290) 评论(0) 推荐(0)
摘要:1、后端向前端传递参数的两种方式: 总结: 方式一: return render(request,'index.html',{'n':n}) 方拾二: return render(request,'index.html',locals()) 可以传递一系列的参数:字典、元祖、列表、函数、类 注意:后 阅读全文
posted @ 2019-06-11 22:24 阳光与叶子 阅读(195) 评论(0) 推荐(0)
摘要:一、路由匹配: 第一个参数是正则表达式,匹配规则按照从上往下一次匹配,匹配到一个后立即停止 网站首页路由: 三、有名分组 将加括号的正则表达式匹配到内容当做关键字参数自动传递给对应的视图函数 注:无名分组和有名分组不能混着用!! 支持用一个类型多形式匹配 无名分组: 有名分组: 四、反向解析(根据名 阅读全文
posted @ 2019-06-11 00:44 阳光与叶子 阅读(235) 评论(0) 推荐(0)
摘要:一、创建django项目 通过命令创建: django-admin startproject 项目名称 创建app应用 python3 manage.py startapp 应用名 #这里manage.py是创建完成django项目后产生的文件 到此步基础的创建完成, 把新增的app应用添加到配置文 阅读全文
posted @ 2019-06-09 22:07 阳光与叶子 阅读(10241) 评论(1) 推荐(0)
摘要:在开始Django之前先说一些铺垫 1、软件开发架构: c/s架构 客户端 服务端 b/s架构 浏览器 服务端 2、http协议 超文本传输协议:规定了客户端与服务端消息传输的格式 四大特性: 1、基于tcp、ip协议工作在应用层的协议 2、基于请求响应(一次请求对应一次响应) 3、无状态的(不会保 阅读全文
posted @ 2019-06-05 16:38 阳光与叶子 阅读(145) 评论(0) 推荐(0)
摘要:一、在html中添加jquery,可以使用cdn加载jquery 1、网址:https://www.bootcdn.cn/jquery/ 2、推荐使用3.4左右版本的,建议使用min.js后缀的,min后缀是压缩过的,体积比较小 $("#d1").attr('username');"yzn"$("# 阅读全文
posted @ 2019-06-04 22:43 阳光与叶子 阅读(4771) 评论(0) 推荐(0)
摘要:注释: 单行注释: /*需要注释的内容*/ 多行注释: /* 需要注释的多行内容 */ 使用css样式的三种方式: 1、head内style标签内部直接写css代码 2、link标签引入外部css文件 3、直接在标签内部通过style属性书写css样式 如何查找标签 基本选择器: 标签选择器 id选 阅读全文
posted @ 2019-05-29 23:47 阳光与叶子 阅读(150) 评论(0) 推荐(0)