【无标题】某后台管理系统+app前后端项目技术要点总结

1.技术栈

        vue2.0+vuex+node.js+element-ui\vant-ui+router+mysql

2.项目要点

1.app登录模块

        app登录需要实现登录功能，需要去验证手机号获取验证码，由于本次技术不足，并没有做短信验证码功能，只是单纯的查询手机号，存在则自动获取一个死数据。

验证手机号：需要用户输入手机号进行查询，存在则可进入用户首页。在用户成功登录时需要将信息存入vuex，方便其他组件调用用户的信息

登录页面代码：

<template>
  <div>
    <van-field
      v-model="phone"
      center
      clearable
      label='手机号'
    >
      <template #button>
        <van-button size="small" type="primary" @click="getSms(phone)">获取验证码</van-button>
      </template>
    </van-field>
    <van-field
      v-model="sms"
      center
      clearable
      label='验证码'
    >
    </van-field>
    <div style="margin: 16px;">
    <van-button round block type="info" native-type="submit" @click="submit">登录</van-button>
  </div>
  </div>
</template>
<script>
import {mapActions,mapGetters} from 'vuex'
export default {
    data(){
        return{
            sms:'',
            phone:'',
            loginState:false,
            datas:[]
        }
    },
    methods:{
        ...mapActions(["setUserData"]),
        ...mapGetters(["getUserData"]),
        getSms(phone){
            if(phone){
                this.$axios.get('/phone/getPhone',{
                    params:{
                        phone
                    }
                }).then(data=>{
                    this.sms = data.data.msg;
                    //登录状态，默认未登录为fal