自制预防校园暴力的智能监控系统：远程加载表格数据，SQLAlchemy操作数据库，云服务器（CentOS)

本文是【小码哥李明杰老师】指导完成的山东大学引航计划公益人工智能科研实训项目。

自制预防校园暴力的智能监控系统

重定向路径

路由配置（访问根路径，直接重定向到main）：

export default {
   
  npmClient: 'pnpm',
  routes: [
    {
   
      path: '/',
      redirect: 'main'  // 重定向
    },
    {
   
      path: '/main',
      component: 'main'
    },
    {
   
      path: '/login',
      component: 'login'
    },
  ]
};

远程加载表格数据

通过简单的ajax读取方式，从服务端读取并展现数据。
当页面被加载时获取服务器的数据（取消“查询所有事件”按纽）：

export default function Main() {
   
    // 定义一个表格数据状态
    const [rows, setRows] = useState([])

    useEffect(() => {
     // 当组件加载完毕时，会调用一次
        // 判断用户是否有存储token
        const token = localStorage.getItem('token')
        if (token) {
   
            // 加载所有的事件数据
            axios
                .get('http://127.0.0.1:5000/event',{
   
                    headers: {
   
                        Token: localStorage.getItem('token') + ''
                    }
                })
                .then(res => {
   
                    if (res.data.code) {
     // 说明请求有问题
                        console.log(res.data)
                        return
                    }
                    setRows(res.data.data)
                })
                .catch(err => {