day_02-个人博客系统

项目的静态页面决定分成四大部分，今天做第一部分登录注册页面。里面会加上最近学习的图形验证码的两种不同实现方法，

登录注册打算单独做一个小窗口，在项目里用弹窗的形式显示出来。

验证码是纯js写的比较简单，后面写后端的时候会增加一些元素，让验证码更专业一点。

注册和登录的切换套用了一个css小动画，
这里记录一下验证码的代码

<script>var code;function createCode(){code = '';var codeLength = 4;var codeV = document.getElementById('code');var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R', 'S','T','U','V','W','X','Y','Z');for(var i = 0; i < codeLength; i++){var index = Math.floor(Math.random()*36);code += random[index]; }codeV.value = code;}function validate(){var oValue = document.getElementById('input').value.toUpperCase();if(oValue ==0){alert('请输入验证码');}else if(oValue != code){alert('验证码不正确');oValue = ' ';createCode();}else{window.open('*');}}window.onload = function (){createCode();}</script>

今天完成了登录注册的静态页面
明天开始主页的设计搭建

day_02-个人博客系统相关推荐

Java项目:实现个人博客系统(java+springboot+mybatis+redis+vue+elementui+Mysql)
源码获取:博客首页 "资源" 里下载! springboot+mybatis+前端vue,使用前后端分离架构实现的个人博客系统,共7个模块,首页,写博客,博客详情页,评论管理,文章 ...
Java项目:朴素风个人博客系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
源码获取:博客首页 "资源" 里下载! 一.项目简述本系统功能包括: 基于vue + Springboo痼J后端分离项目个人博客系统,注册登录,首页展示,喜爰图书展示,后台图书 ...
LAMP搭建phpMyadmin管理平台以及wordpress个人博客系统
具体请参考http://maoqiu.blog.51cto.com/8570467/1384026 这篇博文安装phpMyadmin工具 [root@www ~]# mkdir /usr/local ...
用koa mongodb 做了个简单的博客系统
最近在研究koa和mongodb,简单做了个博客系统,目前还未开放评论和发帖功能,欢迎大家吐槽~ ?安装 git clone https://github.com/oliyg/alljscc.git ...
Github 标星 11.5K！这可能是最好的 Java 博客系统
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试资料来源:github.com/halo-dev/halo 简介快速 ...
多人开源博客系统再搜集
Posted on October 22, 2006 by kunstao 现在很多人在找多用户blog,我列出的大部分都说自己支持多用户,但实际上多用户有两种,一种是多人共同维护一个blog,另一种 ...
***博客系统文章的数据库存储方式
在通常的博客系统中,我们发表文章的时候,在数据库中存储的一般不仅仅是文章的文字,还包括文章的样式,而且很多时候都是所见即所得的效果.这就要求我们以html+文字这样存进数据库中,通过查找资料,可以用专 ...
python搭建博客系统_用Pelican快速搭建极简静态博客系统
我一直建议每个开发者都要有写博客记笔记的习惯,一来可以沉淀知识,二来可以帮助别人,我使用过很多博客平台,也用Python开发过博客系统,就这么个东西折腾好几年,一直找不到理想的产品,直到我用Pelic ...
R语言搭建炫酷的线上博客系统
本文转载自R语言中文社区,转载已获授权. 作者简介Introduction 徐静硕士研究生.算法工程师兴趣方向:统计机器学习,深度学习,模型的线上化部署.网络爬虫,前端可视化. 个人博客:http ...
web模拟终端博客系统
2019独角兽企业重金招聘Python工程师标准>>> 本文由QQ音乐前端团队发表前段时间做了一个非常有意思的模拟终端的展示页:http://ursb.me/terminal/(没 ...

day_02-个人博客系统

day_02-个人博客系统相关推荐

最新文章

热门文章