从网上下载了两个登录注册页面，我自己再修改一下，写了一下js脚本代码，主要是判断用户名是否为空。 注册页面html代码： 登录页面html代码：  模板目录结构：  css布局并没有太大变动，只是改了一些颜色添加<p>标签而已： 注册页面的css布局    注册页面的js代码：  登录页面的js代码：  测试效果：  其中涉及的一些技术和方法，对于一些不太明白的我都百度了一下： onblur事件   value属性  innerHTML属性  getElementById()方法  数据库操作  ajax请求方式  encodeURIComponent函数  border-radius属性  还有一些我没有百度，因为我大概能猜到其作用就没有去详细了解了。