【项目实训周记】week1 前端构建与爬虫学习

 组会

开会对项目进行讨论并分配好个人的工作。

经过本次组会后，确定本人初步工作为——前端选择与搭建、专业医学网站专业知识的爬取（以供给大模型的预料处理）后端接口的编写

前端的选择与构建

与一位小组队员共同负责搭建前端，选择html，初步搭建起项目的登录，注册，个人信息修改页面（登录图示如下）。

登录中选择加以验证码验证更好保障网站安全性。

在注册页面显示密码强度，优化交互。

// 校验密码
    checkPassword(rule, value, callback) {
      this.level = []
      if (!value) {
        return callback('密码不能为空')
      }
      if (value.length < 8) {
        return callback('密码不少于8位')
      }
      if (value.length > 16) {
        return callback('密码不大于16位')
      }
      // 校验是数字
      const regex1 = /^\d+$/
      // 校验字母
      const regex2 = /^[A-Za-z]+$/
      // 校验符号
      const regex3 =
          /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、]+$/
      if (regex1.test(value)) {
        this.level.push('low')
      } else if (regex2.test(value)) {
        this.level.push('low')
      } else if (regex3.test(value)) {
        this.level.push('low')
      } else if (/^[A-Za-z\d]+$/.test(value)) {
        this.level.push('low')
        this.level.push('middle')
      } else if (
          /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、\d]+$/.test(
              value
          )
      ) {
        this.level.push('low')
        this.level.push('middle')
      } else if (
          /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、A-Za-z]+$/.test(
              value
          )
      ) {
        this.level.push('low')
        this.level.push('middle')
      } else if (
          /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、A-Za-z\d]+$/.test(
              value
          )
      ) {
        this.level.push('low')
        this.level.push('middle')
        this.level.push('high')
      }
      return callback()
    },

爬虫学习

已经学习爬虫的基本方法，并掌握一定的反爬策略，可以将目标数据导出。

并以b站的热榜视频为例，实践成功。

下一步计划

在组会中汇报已有成果，进行后端接口的编写，并交以另一同学连接。