天马学航——智慧教务系统(移动端)开发日志七

天马学航——智慧教务系统(移动端)开发日志七

日志摘要：完成了教师端课程分析的编写，优化界面UI，解决了一些已知的BUG

1、教师端课程统计

动态统计上课人员数量，根据教师能力合理提出智能分析和解决方案

主要采用边端计算的方式进行一个汇总与统计

从服务器获取数据，手机端进行汇总

页面设计

源代码

@Entry
@Component
struct CS{
  @State num:number = 1

  aboutToAppear(){
    this.getinfo()
  }

  build() {
    Column({ space: 5 }) {
      Text(" ")
      Row({ space: 10 }) {
        Text(" ")
        Image($r('app.media.back'))
          .width(30)
          .height(30)
          .onClick(function () {
            //返回上一页

            router.back() //直接返回
          })
        Text("课程统计")
          .fontSize(30)
          .fontWeight(FontWeight.Bolder)
      }
      .width('100%')


      Column({space:0}){
        Text("----------------------------------------------")
        Row(){
          Text("检测到您还不是VIP用户，试用仅剩3天")
        }
        .width('100%')
        .height(40)
        .backgroundColor("#fff6f6f6")
      }

      Text(" ")

      Stack(){
        Gauge({ value: this.num, min: 0, max: 20 })
          .startAngle(210)
          .endAngle(150)
          .colors([[Color.Red, 0.2], [0x5BA854, 0.4], [0xE08C3A, 0.2], [0x9C554B, 0.4]])
          .strokeWidth(20)
          .width(200)
          .height(200)
        Text(this.num+"")
          .fontSize(80)
          .fontWeight(FontWeight.Bolder)
      }
      Text(" ")
      Text("当前选择您课程的人数为："+this.num)
        .fontSize(20)

      Text(" ")
      Text(" ")

      Column({space:20}){
        Row(){
          Text("智能分析")
            .fontSize(25)
            .fontWeight(FontWeight.Bolder)
        }
        .width('100%')
        if(this.num<=5){
          Text("当前选择您的课程人数较少，建议您推广一下您的课程，以免影响您后期的授课考试等")
            .fontSize(15)
          Button("推广课程")
            .onClick(()=>{
              promptAction.showToast({
                message: '该功能正加紧开发中',
                duration: 2000,
                bottom: 50
              });
            })
        }
        else if(this.num>5&&this.num<=15){
          Text("您当前课程报名进度正常，请及时上课")
            .fontSize(15)
          Button("跳转到课程安排")
            .onClick(()=>{
              router.pushUrl({
                url: "pages/view/Teacher/MyTeach"
              },
                router.RouterMode.Single,
                err => {
                  if (err) {
                    console.log("跳转失败")
                  }
                }
              )
            })
        }
        else if(this.num>15){
          Text("您的课程当前报名人数过多，建议您寻求其他老师帮助")
            .fontSize(15)
          Button("联系其他教师")
            .onClick(()=>{
              promptAction.showToast({
                message: '该功能正加紧开发中',
                duration: 2000,
                bottom: 50
              });
            })
        }
      }
      .width('95%')
      .padding(20)
      .backgroundColor(Color.White)
      .borderRadius(15)
      .shadow({ radius: 6, color: '#1F000000', offsetX: 2, offsetY: 4 })
    }
  }

  getinfo(){
    ICourse.GT()
      .then(resp=>{
        let sum = 0;
        resp.forEach(function(sc){
          sum+=sc.persons
        })
        this.num = sum;
      })
  }
}

2、优化界面效果

对一些统计类的界面新增了统计圆盘等，增加界面效果

3、BUG修复

修复了一些已知的BUG