老师，我加上

db.session.add(user)

        db.session.commit()

报一只长串代码，不写的话正常

这个老师语速不是一般的快，这种课程感觉就是在背教材，完全不讲解原因，负责劈里啪啦把课件讲完，这种课程花钱学习，真不值得

            #写法二
            data=[]
            for i in roles:
                #把meun_list 排序一下 按照id排序
                role_list=i.to_dict()
                #字典的排序 按照id 排序
                role_list['meun_list'] = sorted(role_list['meun_list'], key=lambda x: x['id'])      
               #把role_list['meun_list']里面的children也排序一下   用一个for循环之后再去排序
                for role in role_list['meun_list']:
                   role['children'] = sorted(role['children'], key=lambda x: x['id'])
                data.append(role_list)

            return {"status":200,"msg":"查询角色成功","data":data}

让子节点里面的  children 顺序不一样 跟着课堂老师敲 发现上一级别按照id排序好了  但是子节点里面还是没有达到想要的结果。

尝试的用for循环遍历一下 然后更深一步把meun_list里面的children也做了一个排序。 

这个错误是为什么

这个要怎么设置才会显示

老师这节课的代码原封不动的照抄下来了，
虽然实现了一模一样的功能，但是具体的逻辑没理解 真没听懂

又不想傻傻的不动脑筋 老师敲一行就跟一行 ，这样项目经验基本为0 
 
 所以换了一个方法 用之前课堂老师再flask第106节课讲的知识点
 关于SQLAlchemy数据分页的 讲解
 
   # #换一个之前falsk课学过能理解的方法 来
        username=request.args.get('username')
        pagenum=request.args.get('pagenum','1')       # 当数据没有传递的时候 默认值是1   页码
        pagesize=request.args.get('pagesize','2')     #当这个参数没有传递的时候 默认值是2 对应的每页显示的数据
        if not pagenum.isdigit():  #当用户传递参数 传入的不是数字 是乱七八糟的字符的时候 直接给干掉！
            return {"status":400,"msg":"页码必须是数字！",}
        if not pagesize.isdigit():
            return {"status":400,"msg":"每页显示的数量必须是数字！",}
        pagestart=int(pagesize)*(int(pagenum)-1)         #切片起始点  对应的是课堂老师当初分析数据分页的逻辑
        page_end=int(pagesize)*int(pagenum)              #切片终点
        '''页码是1 分页显示的数据量是2   就是0到1两条数据 。 页码是2 分页显示的数据量是2 就是显示 2和3这2条数据  往后类推'''
        #查询数据 
        user_list=User.query.filter(User.username.like(f'%{username}%')).slice(pagestart,page_end).all()
        data={
            "total":int(pagenum), #发给前端还是数字吧   免得到时候再vue里面用的时候或许还要转换一下
            "page_num":int(pagesize),  
            "data":[]
        }
        for i in user_list:
            data['data'].append(i.to_dict())
        return {"status":200,"msg":"数据查询成功","data":data}

判定条件是

if（token）  

或者取反

if（！token）  

如果我们写入token的时候 调用res返回值掉错了  结果写了一个‘undefined’ 这玩意进去

字符串的这玩意 ‘undefined’ 毕竟也是true  好蛋疼的js

这节课中发现了一个bug

在我们前置路由守卫里面 判定sessionStrorage.getItem（‘token）条件的时候

当我们写入token的值的时候  如果写入的是undefined 

 也可以跳转到新页面

bug出现的原因  写入token的时候 参数写错了 写的res.data.token 

结果写进去了一个undefined这玩意进去   然后发现也能跳转   淦

js的蛋疼   空值太多   什么 null “” NaN  还有个undefined  

bug修复。判定条件更加严格一点 

if(token !=null && token !="" && token != "undefined" && token!=NaN){}

token必须有值  什么NaN undefined这玩意都不允许跳转

npm安装后可以正常创建vue项目，但是yarn安装缺不行，安装时出现这个

这个技术老师在帮我解决之后，后端测试和postman上面都可以成功，但是到浏览器上面的时候，因为是默认的get请求方式，所以就失败了，但是视频里面为什么就没问题

这些函数名为啥我的vs不会自己跳出来

24行，User.query.filter（name=name).first()为什么可以直接查询

不需要Session()就能查询

老师，这个怎么办呀

代码：

<template>
    <editor v-model="textContent" :init="init"></editor>
</template>

<script setup>
import tinymce from 'tinymce/tinymce'
//tinymce默认hidden，不引入不显示
import Editor from '@tinymce/tinymce-vue'
import 'tinymce/themes/silver/theme' // 主题件
import 'tinymce/icons/default'
import 'tinymce/models/dom' // Bug修复
// tinymce插件可按自己的需要进行导入
// 更多插件参考：https://www.tiny.cloud/docs/plugins/
import 'tinymce/plugins/image' // 插入上传图片插件
import "tinymce/plugins/importcss"; //图片工具
import 'tinymce/plugins/media' // 插入视频插件
import 'tinymce/plugins/table' // 插入表格插件
import 'tinymce/plugins/lists' // 列表插件
import "tinymce/plugins/charmap"; // 特殊字符
import 'tinymce/plugins/wordcount' // 字数统计插件
import "tinymce/plugins/codesample"; // 插入代码
import "tinymce/plugins/code"; // 查看源码
import "tinymce/plugins/fullscreen"; //全屏
import 'tinymce/plugins/link' //
import 'tinymce/plugins/preview' // 预览
import "tinymce/plugins/template"; //插入模板
import 'tinymce/plugins/save' // 保存
import "tinymce/plugins/searchreplace"; //查询替换
import "tinymce/plugins/pagebreak"; //分页
import "tinymce/plugins/insertdatetime"; //时间插入

import { reactive, ref, watch, onMounted }
    from "vue"

const emit = defineEmits(["onDataEvent"])

const props = defineProps({
    value: {
        type: String,
        default: ''
    },
    plugins: {
        type: [String, Array],
        default: 'lists image media tablewordcount save preview'
    },
    toolbar: {
        type: [String, Array],
        default: 'undo redo | formatselect | bold italic underline strikethrough forecolor backcolor | alignleft' +
            'aligncenter alignright alignjustify | bullist numlist outdent indent blockquote | lists image' +
            'media table | codesample code removeformat save preview'
        // default: 'formats undo redo paste
        // print fontsizeselect fontselect template
        // fullpage | wordcount ltr rtl visualchars
        // visualblocks toc spellchecker
        // searchreplace | save preview pagebreak
        // nonbreaking | media image | outdent indent
        // aligncenter alignleft alignright
        // alignjustify lineheight underline quicklink
        // h2 h3 blockquote numlist bullist table
        // removeformat forecolor backcolor bold italic
        // strikethrough hr charmap link
        // insertdatetime | subscript superscript cut
        // codesample code | anchor preview
        // fullscreen | help'
    }
})

const init = reactive({
    width: 720,
    height: 300,
    language_url: '/tinymce/langs/zh-Hans.js',
    language: 'zh-Hans',
    // 皮肤：这里引入的是public下的资源文件
    skin_url: '/tinymce/skins/ui/oxide',
    // skin_url:'tinymce/skins/ui/oxide dark',//黑色系
    plugins: props.plugins,
    toolbar: props.toolbar,
    content_css:
    '/tinymce/skins/content/default/content.css', branding: false,
    // 隐藏菜单栏
    menubar: false,
    // 是否显示底部状态栏
    statusbar: true,
    // convert_urls: false,
    // 初始化完成
    init_instance_callback: (editor) => {
    console.log("初始化完成：", editor)
},
    // 此处为图片上传处理函数，这个直接用了base64的图片形式上传图片，
// 如需ajax上传可参考 https://www.tiny.cloud/docs/configure/file-image-upload/#images_upload_handler
    images_upload_handler: (blobInfo,success, failure) => {
        const img =
        'data:image/jpeg;base64,' +
        blobInfo.base64()
    console.log("图片上传处理：", img)
    success(img)
}
})
    const textContent = ref("")

    watch(props.value, (newValue, oldValue) => {
        textContent.value = newValue
})
    watch(textContent, (newValue, oldValue) => {
    emit("onDataEvent", newValue)
})
onMounted(() => {
    // 初始化 tinymce
    tinymce.init({})
})
</script>

w为啥代码正确数据传不上去呢