01-Bootstrap框架使用 1. Bootstrap 概述Bootstrap是一个前端框架,由Twitter开发,非常受欢迎。Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。相当于半成品;开发人员基于框架可以进行二次开发,大大的节省开发人员的开发时间。特点: 定义了很多的css样式和js插件,直接可以使用这些样式和插件得到丰富的 页面效果 支持响应式布局 2018-05-13 04_网页技术 > 07_Bootstrap #框架 #Bootstrap
02-响应式布局经验 1. 图片随网页大小变化超过屏幕宽度时,缩小,高度等比例缩小,小于屏幕宽度时,显示原图尺寸: 1234img{ height: auto; max-width: 100%;} 始终随容器宽度变化: 1234img{ width: 100%; height: auto;} 2. 网页整体内容居中123456/* 如果居中后还有留白,则可能内部标签是有 p 2018-05-13 04_网页技术 > 07_Bootstrap #Bootstrap #响应式
04-BootstrapValidator表单校验 更好的表单校验:Bootstrap Validator 官网(GitHub):https://github.com/nghuuphuoc/bootstrapvalidator 官网(jQuery):https://plugins.jquery.com/bootstrapValidator/ 文档(API):http://bootstrapvalidator.votintsev.ru/api/ 2018-05-13 04_网页技术 > 07_Bootstrap #Bootstrap #校验
05-ECharts数据可视化图表 官网:https://echarts.apache.org/zh/index.html 下载:https://echarts.apache.org/zh/builder.html 实例:https://echarts.apache.org/examples/zh/index.html 教程:https://echarts.apache.org/zh/tutorial.html (官网5分钟上手 E 2018-05-13 04_网页技术 > 07_Bootstrap #Bootstrap #ECharts
06-demo:旅游网首页 效果图:效果图: 源码 - 初版:123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 2018-05-13 04_网页技术 > 07_Bootstrap #Bootstrap
02-手机短信验证码 阿里云的短信平台:http://www.aliyun.com搜索短信服务,进入短信服务控制台,设置AccessKey+签名+短信模板。SDK及DEMO下载:https://help.aliyun.com/document_detail/55359.html 注意事项:阿里云短信服务,1条验证码 0.045元,需要有余额才能发送! 1. 环境依赖 bootstrap 框架依赖导入 2018-05-13 04_网页技术 > 10_验证码技术 #验证码
03-邮箱发送验证码 1. 步骤和工具类首先需要准备的东西 我这里以QQ邮箱为例。 点击 设置 ->账户,找到这个页面: 拿到授权码 并保存好: MailUtil 工具类: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 2018-05-13 04_网页技术 > 10_验证码技术 #验证码
01-OAuth2.0 协议 官方网址:https://oauth.net/2/ 参考资料:http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html 1. 简介OAuth 2.0是用于授权的行业标准协议目前行业主流的授权协议。 OAuth(开放授权)是一个开放标准,允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息,而不需要将用户名和密码提供给第三方网站或分享他们数 2018-05-13 13_第三方 > 00_OAuth2.0 #OAuth2 #第三方
02-GitHub 第三方关联登陆 参考资料:https://www.jianshu.com/p/78d186aeb526 1. 基于GitHub实现关联登陆准备校验的 key:Client ID + Client Secret 1.1 申请应用登录Github →头像 → setting → Developer Setting → Oauth App → 注册应用 → 填写信息 → 注册成功之后显示 Client ID 和 Cl 2018-05-13 13_第三方 > 00_OAuth2.0 #OAuth2 #第三方
01-敏感词&图过滤 百度智能云:https://cloud.baidu.com/campaign/Promotionai/index.html Java SDK 内容接口说明:https://cloud.baidu.com/doc/ANTIPORN/s/tk3h6xdji 依赖: 12345<dependency> <groupId>com.baidu.aip</groupId& 2018-05-13 13_第三方 > 01_Baidu #BaiduAPI #第三方