//1.数据处理：正确账号：admin，密码为13456 //①请正确输入账号（每小题10分） //②请正确输入密码 //③共有三次机会验证 //2.模型操作（每小题10分） //① 按要求输出4个工人信息姓名： //②按要求输出4个工人信息性别： //③按要求输出4个工人信息薪资： //④最后输出完整信息，要求规律整齐。 //3计算题 （每问10分） //①创建字符数组A //②令其字符串"abcde"。 //要求你输出逆向“edcba”

请正确输入账号：admin
请正确输入密码：13456
共有三次机会验证。

请输入账号：admin
请输入密码：12345

验证失败，还有2次机会。

请输入账号：admin
请输入密码：13456

验证成功！

模型操作：

①工人1信息：
姓名：
性别：
薪资：

②工人2信息：
姓名：
性别：
薪资：

③工人3信息：
姓名：
性别：
薪资：

④工人4信息：
姓名：
性别：
薪资：

完整信息如下：

工人1：姓名 - 性别 - 薪资 -
工人2：姓名 - 性别 - 薪资 -
工人3：姓名 - 性别 - 薪资 -
工人4：姓名 - 性别 - 薪资 -

计算题：

①创建字符数组A
②令其字符串"abcde"
逆向输出为："edcba"

相关问题

设计登录界面，输入账号、密码（测试账号：admin 密码：123456）后调用服务端Api接口进行身份验证验证。登录成功记录所返回的身份令牌，登录失败给出相应反馈提示。  接口地址：http:// 114.67.241.121:8088/user/login  请求方式：post 用ajax实现

好的，我明白了您的要求。以下是该功能的示例代码：

$(document).ready(function() {
  $('#login-form').submit(function(event) {
    event.preventDefault();
    var username = $('#username').val();
    var password = $('#password').val();
    $.ajax({
      url: 'http://114.67.241.121:8088/user/login',
      method: 'POST',
      dataType: 'json',
      data: {
        username: username,
        password: password
      },
      success: function(response) {
        // 登录成功
        var token = response.token;  // 记录返回的身份令牌
        // 执行其他操作
      },
      error: function(xhr, status, error) {
        // 登录失败
        var errorMessage = xhr.responseText;
        alert(errorMessage);
      }
    });
  });
});

这是一个基于 jQuery 的示例代码，它监听登录表单的提交事件，获取输入的账号和密码，并通过 AJAX 请求向服务器端发送身份验证请求。如果登录成功，将记录返回的身份令牌，否则将弹出相应的错误提示信息。同时，您需要在 HTML 页面中添加一个类似下面的登录表单：

<form id="login-form" method="post">
  <label>账号：</label>
  <input type="text" id="username" name="username"><br>
  <label>密码：</label>
  <input type="password" id="password" name="password"><br>
  <button type="submit">登录</button>
</form>

请注意，该示例代码仅作为参考，您需要根据自己的实际情况进行适当修改。同时，为了保证安全性，建议在实际使用中对密码进行加密或哈希处理，并使用 HTTPS 协议进行数据传输。

已知后端为springboot + security 在数据库在存在user表 表结构为: [ userid authority role username password 1 管理者 admin admins 123456 2 高级管理 user User 654321 3 普通管理 manag Manag 567890 ] 后端登录路径为"/login"； 前端请求封装文件 axios.js为： import axios from "axios"; const system = axios.create({ baseURL:'http://localhost:8088', changeOriging:true, }); export default system; 在vue3中如何利用router store 实现权限登录 不同的账号访问不同的路径 （ 如 账号admin 密码：123456； 账号user 密码abcdef ） 组件内script使用<script setup>

在组件内的`<script setup>`中，可以利用router和store来实现权限登录和不同账号访问不同路径的需求。具体实现步骤如下：

1. 在store中定义一个state，用于存储当前登录用户的信息，例如：

const state = {
  currentUser: null
};

2. 在store中定义一个action，用于处理登录逻辑，例如：

const actions = {
  login({ commit }, { username, password }) {
    return system.post('/login', { username, password }).then(response => {
      const { userid, authority, role } = response.data;
      commit('setCurrentUser', { userid, authority, role });
    });
  }
};

其中，`system`是前面封装好的axios实例，用于发送登录请求。登录成功后，将响应数据中的`userid`、`authority`和`role`存储到state中的`currentUser`中。

3. 在store中定义一个getter，用于获取当前登录用户的角色信息，例如：

const getters = {
  currentUserRole(state) {
    return state.currentUser ? state.currentUser.role : null;
  }
};

4. 在路由配置中，定义需要进行权限控制的路由和对应的角色信息，例如：

const routes = [
  {
    path: '/admin',
    component: AdminComponent,
    meta: { roles: ['admin'] }
  },
  {
    path: '/user',
    component: UserComponent,
    meta: { roles: ['user', 'admin'] }
  },
  {
    path: '/manag',
    component: ManagComponent,
    meta: { roles: ['manag', 'user', 'admin'] }
  }
];

其中，`meta`属性用于存储路由的元数据信息，这里存储了需要访问该路由需要的角色信息。

5. 在路由配置中，定义一个全局前置守卫，用于进行权限校验，例如：

router.beforeEach((to, from, next) => {
  const requiredRoles = to.meta.roles;
  const currentUserRole = store.getters.currentUserRole;
  if (requiredRoles && requiredRoles.indexOf(currentUserRole) === -1) {
    next('/login');
  } else {
    next();
  }
});

该守卫会在每个路由跳转前进行校验，如果当前用户的角色信息不满足路由的要求，就跳转到登录页面。

6. 在组件中，调用store中的登录action进行登录，例如：

<script setup>
import { reactive } from 'vue';
import { useRouter } from 'vue-router';
import { useStore } from 'vuex';

const state = reactive({
  username: '',
  password: ''
});

const router = useRouter();
const store = useStore();

const handleSubmit = () => {
  store.dispatch('login', { username: state.username, password: state.password }).then(() => {
    router.push('/');
  });
};
</script>

这里使用了`reactive`来定义响应式数据，`useRouter`来获取路由实例，`useStore`来获取store实例。当用户提交登录表单时，调用store中的登录action进行登录，并在登录成功后跳转到首页。

以上就是利用router和store实现权限登录和不同账号访问不同路径的步骤，希望能对你有所帮助。