山东大学软件学院创新项目实训-基于LLM的药物分子性质分析平台（十五）

该博客主要讲述综合分析页面的实现过程，首先该页面完成了三项任务：Smiles分子转换为分子图，Smiles式子转换为inchi式子和Smiles分子的性质求解。该前端页面主要设置了三个可以下拉的下拉窗口，每一个下拉窗口对应于一个功能，例如功能一分子转换为分子图，这里的主要实现逻辑是获得输入框中的Smiles分子式，然后传递给后端springboot，springboot再通过具体的包含rdkit脚本的python文件生成图片存至本地，并返回生成路径，之后只需根据返回的路径将图片进行展示即可，其中分子图元素中使用了v-if标签来代表是否生成。

相关代码：

makeImage() {
      this.reset()
      console.log("success2")
      if (this.textarea1 !== '') {
        console.log(this.textarea1)
        this.request.get("/picture/smilestopic", {
          params: {
            smiles: this.textarea1
          }
        }).then(res => {
          console.log(res)
          if (res.code === '200') {
            this.openFullScreen1()

          } else {
            console.log(res.data)
            this.$message.error("非法的Smiles分子")
          }
        })


      } else {
        this.$message.warning("还没输入数据哦")
      }
    },