大事件后台管理系统——搭建项目结构及登录注册界面

1.本地初始化git仓库

1.git  init   

2.向暂存区一次性添加多个文件：git add .

3.提交已暂存文件：git commit -m"init project"

2.上传到github仓库

1.打开github “+”：new repository 

2.设置名称为 web_bigevent

3.复制命令行

3.创建git分支

1.快速创建及切换：git checkout -b login 

2.查看分支列表：git branch

---

4.登录注册——调用接口发起注册用户请求

4.1监听注册表单的提交事件

 $('#form_reg').on('submit', function(e) {
        // 1. 阻止默认的提交行为
        e.preventDefault()
            // 2. 发起Ajax的POST请求
        var data = {
            username: $('#form_reg [name=username]').val(),
            password: $('#form_reg [name=password]').val()
        }
        $.post('http://api-breakingnews-web.itheima.net/api/reguser', data, function(res) {
            if (res.status !== 0) {
                return layer.msg(res.message)
            }
            layer.msg('注册成功，请登录！')
                // 模拟人的点击行为
            $('#link_login').click()
        })
    })

4.2监听登录表单的提交事件

    $('#form_login').submit(function(e) {
        // 阻止默认提交行为
        e.preventDefault()
        $.ajax({
            url: 'http://api-breakingnews-web.itheima.net/api/login',
            method: 'POST',
            // 快速获取表单中的数据
            data: $(this).serialize(),
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('登录失败！')
                }
                layer.msg('登录成功！')
                    // 将登录成功得到的 token 字符串，保存到 localStorage 中
                localStorage.setItem('token', res.token)
                    // 跳转到后台主页
                location.href = '/index.html'
            }
        })
    })

4.3.优化请求链接

// 注意：每次调用 $.get() 或 $.post() 或 $.ajax() 的时候，
// 会先调用 ajaxPrefilter 这个函数
// 在这个函数中，可以拿到我们给Ajax提供的配置对象
$.ajaxPrefilter(function(options) {
  // 在发起真正的 Ajax 请求之前，统一拼接请求的根路径
  options.url = 'http://api-breakingnews-web.itheima.net' + options.url
})

---

5.提交login分支到github

1.向暂存区一次性添加多个文件：git add .

2.提交已暂存文件：git commit -m"完成了登录和注册功能的开发"

3.将本地分支推送到远程仓库（第一次）：git push -u origin login

4.合并分支：git checkout master

                     git merge login

5.将本地分支推送到远程仓库：git push

6.创建新的git分支

1.快速创建及切换：git checkout -b index

2.查看分支列表：git branch