前端

模板层

纵然是瞬间 提交于 2020-02-25 15:31:41
1、后端向前端传递参数的两种方式: from app01 import views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^index/',views.index), ] def index(request): n=6969   #以字典的形式通过key、value方式传递n变量名的值 return render(request,'index.html',{'n':n})   # 传递当前函数中定义的所有参数return render(request,'index.html',locals()) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script> <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1

自我、价值、未来与LuLu UI

落爺英雄遲暮 提交于 2020-02-25 00:06:00
我经常会思考这样一个问题,宇宙之大,生命之少,我们每个人能够出现在这个世界上都是一个奇迹。如果每一天我们都是做些重复的事情,没有做有挑战的事情,没有做打破常规的事情,没有做引领方向的事情,赋予我们的奇迹岂不是一种莫大的浪费?二、一叶蔽目不见泰山人的认知和决策非常容易收到接触到的信息影响。世界是巨大的,行业是广阔的,但是在前端行业说话的那些人是只是其中的一小部分。这些有话语权的人多大厂背景,多人团队,上层框架,体系工程化。然而实际上在整个行业,大多数公司前端开发人员就1~2个人,大多数公司前端开发项目都非常都简单,还有很多公司给政府机构做项目,甚至需要兼容IE8浏览器。于是多少这样都公司在技术选型的时候被所谓的流行、热门所误导。留下一个又一个烂摊子。这些看似群体的思想其实仅仅是部分上层群体的思想。《乌合之众》这本书有言,个人一旦融入群体,他的个性变会被湮没,群体思考开始占据绝对统治地位。我们应该有着自己的个性,有着自己的坚持。但是,不幸的是,大多数的人缺乏坚定的自我而被群体淹没。其实呢,很多人的内心都是希望可以告别每天做重复的事情,去做有挑战的事情,去做打破常规的事情,去做引领方向的事情!但是,放到现实世界,却不知不觉将自己封闭在狭隘的日常工作中,为了认同与安全感追随群体意识,随波逐流。成为了乌合之众,平庸之辈。所以,最重要的是,如何在浮躁喧嚣环境中保持坚定的自我

php接收前端发送的数组

流过昼夜 提交于 2020-02-24 23:25:52
//前端发送数据 var unPaid=JSON.stringify([{ "AMN_D" : "300. 0", "AMN_T1" : "300. 0", "FUELCODE" : "12", "GCODE" : "测试", "PRC" : "7.39", "PayMode" : "0", "Paystate" : "3"}]) //php接收数组 global $_GPC; $orderlist=$_GPC['unPaid']; $s1 = html_entity_decode($_GPC['unPaid']); $s2 = stripslashes($s1); $orderlist2=json_decode($s2, 1); 打印$orderlist: [{"AMN_D":"300. 0","AMN_T1":"300. 0","ASN":"","FUELCODE":"12","GCODE":"测试","PRC":"7.39","PayMode":"0","Paystate":"3","SNO":"5","TIME":"20200213113657","TTC":"100","TTYPE":"6","VOL":"40.60","cardtype":"0"}] 打印$1: [{"AMN_D":"300. 0","AMN_T1":"300. 0","ASN":"",

前端资源网站整合

試著忘記壹切 提交于 2020-02-24 21:09:14
1.CodePen:http://codepen.io/ 网站里有很多很酷的特效,而且可以看到效果的源代码,也可以看到实现效果,是一个非常不错的前端开发学习资源网站。 这个是CodePen网站里的一个效果的源码截图,是不是很酷呀! 2.RunJS:http://runjs.cn/ 点击广场,则可以看到很多开发者分享的一些效果源码,如果你想找资源,做项目,这个网站绝对是一个不错的选择。 这个也是RunJS里的一个项目的源码截图。 3.BestCSSButtonGenerat: http://www.bestcssbuttongenerator.com/ 这个网站主要提供各种按钮的CSS代码,你可以从预设的按钮中选择并使用模板用于自己的设计,还可以查看源代码,非常适合学习。 4.jsrun: http://jsrun.net 这里可以查看项目的源码,里面有很多人分享的一些特效,绝对是一个不错的学习资源网站。 下面这个截图是jsrun网站里的一个日期控件的项目作品的源码,如果你要用来学习的话,可以完全下载下来。 这个开发者将他自己的项目分享在里面,可以查看效果,JS,HTML,CSS源码。 5.CodePlayerh: ttp://thecodeplayer.com/ 这个网站里的 项目资源 ,不仅可以看源码与项目效果,同时你还能看到开发者是如果将效果通过一行一行的代码敲定出来

前端开发项目资源网站

我与影子孤独终老i 提交于 2020-02-24 21:02:30
1.CodePen:http://codepen.io/ 网站里有很多很酷的特效,而且可以看到效果的源代码,也可以看到实现效果,是一个非常不错的前端开发学习资源网站。 这个是CodePen网站里的一个效果的源码截图,是不是很酷呀! 2.RunJS:http://runjs.cn/ 点击广场,则可以看到很多开发者分享的一些效果源码,如果你想找资源,做项目,这个网站绝对是一个不错的选择。 这个也是RunJS里的一个项目的源码截图。 3.BestCSSButtonGenerat: http://www.bestcssbuttongenerator.com/ 这个网站主要提供各种按钮的CSS代码,你可以从预设的按钮中选择并使用模板用于自己的设计,还可以查看源代码,非常适合学习。 4.jsrun: http://jsrun.net 这里可以查看项目的源码,里面有很多人分享的一些特效,绝对是一个不错的学习资源网站。 下面这个截图是jsrun网站里的一个日期控件的项目作品的源码,如果你要用来学习的话,可以完全下载下来。 这个开发者将他自己的项目分享在里面,可以查看效果,JS,HTML,CSS源码。 5.CodePlayerh: ttp://thecodeplayer.com/ 这个网站里的 项目资源 ,不仅可以看源码与项目效果,同时你还能看到开发者是如果将效果通过一行一行的代码敲定出来

前端安全之 防止CSRF攻击

最后都变了- 提交于 2020-02-24 20:13:01
前端方面不仅仅是把数据渲染在页面上而已、前端要做的事情很多 例如关于安全方面的问题就要做好 假设、一个管理系统,当你登陆系统以后、在你不做安全方面工作的化 别人可以通过你的接口来对你的数据进行增删改查、这就是csrf攻击 数据更改了、有可能会对公司造成很大的影响 关于解决这个问题可以参考如下方案 ----这是我的一个项目 后端用的Node的Express框架搭建的 相关步骤我用注释标注了 首先 下载一个插件 这个插件的使用我会在本章最后介绍、或者可以参考jsonwebtoken相关文档 yarn add jsonwebtoken 然后在用户登陆以后,给返回头以用户名设置token、 前端收到后存放在local storage里面 _createJWT(username) { //这个函数生成token let privateKey = fs.readFileSync(path.resolve(__dirname, "../key/rsa_private_key.pem")); return jwt.sign(username, privateKey, { algorithm: "RS256" }); //最后一个参数时加密算法、具体可了解(https://www.npmjs.com/package/jsonwebtoken) } async login(req, res) {

react+express+mongodb搭建个人博客

强颜欢笑 提交于 2020-02-24 11:14:09
这是本人用React+Express+mongodb搭建的一个简易博客系统,包括前端展示和后台管理界面。查看源码欢迎访问 我的github 以下是参考我的源码后的操作 技术架构 前端 基础:HTML+CSS+JS+JQuery(使用的ajax交互,后期会考虑用fetch) 框架:React+React-Router 语法:ES6 构建工具:Webpack 后台 Node+Express搭建 数据库 MongoDB数据库 项目运行 安装 安装好node环境 安装好mongodb 可安装一个mongodb可视化工具(Robo 3T) 把仓库克隆到本地 git clone git@github.com:wlfsmile/myBlog.git 安装配置环境 cd myBlog npm i或者(cnpm,下同) 全局安装webpack npm i -g webpack 安装nodemon,让node自动重启 npm install -g nodemon 使用 操作mongodb 新建一个database,命名为blog (可选)新建两个collection,为articles和comments,可自己先录入数据,也可以直接到后台管理界面去输入存入数据 运行mongodb mongod --dbpath d:/mongodb/data(这是你mongodb的安装路径,我是装在d盘根目录下

GitHub Vue项目推荐|Vue+Element实现的电商后台管理系统功能丰富

江枫思渺然 提交于 2020-02-24 10:01:53
GitHub Vue项目推荐|mall-admin-web是一个电商后台管理系统的前端项目基于Vue+Element实现 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能 项目热度 标星(star):3398 (很不错的实用项目,大神作品,建议关注) 标星趋势 关注(watch):171 拷贝(fork):2003 贡献人数:1 仓库大小:1 MB 最后更新:2019-08-29 代码提交活跃度: 综合推荐指数: 【3】颗星 开发语言 主要语言:Vue 语言分布:Vue:81.04%、JavaScript:15.95%、CSS:2.78%、HTML:0.23% 项目概述 mall-admin-web前言 该项目为前后端分离项目的前端部分,后端项目mall地址:https://github.com/macrozheng/mall 项目介绍 mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。 项目演示 项目在线演示地址:http://39.98.190.128/index.html 技术选型 后端 前端 系统架构 业务架构 项目布局 src -- 源码目录├── api -

现代前端技术解析-第5章 前端项目与技术实践(四)

大城市里の小女人 提交于 2020-02-24 08:26:28
《现代前端技术解析》 第5章阅读笔记(四) 2020/02/24 5.5 前端用户数据分析 5.5.1 用户访问统计 5.5.2 用户行为分析 5.5.3 前端日志上报 5.6 前端搜索引擎优化基础 5.6.1 title、keywords、description的优化 5.6.2 语义化标签的优化 5.6.3 URL规范化 5.6.4 robots 5.6.5 sitemap 5.7 前端协作 来源: CSDN 作者: DxCaesar 链接: https://blog.csdn.net/DxCaesar/article/details/104457861