注意事项：开发时请勿将new_aizynthfinder包整个提交至git，提交前请运行git status进行检查

注意事项：开发时请勿将new_aizynthfinder包整个提交至git，提交前请运行git status进行检查

注意事项：开发时请勿将new_aizynthfinder包整个提交至git，提交前请运行git status进行检查

aizynthfinder-web（开发中）

基于aizynthfinder化学逆合成算法包制作的web网站的前后端代码仓库

前端 - aizynthfinder-web-frontend

技术选型

• HTML + CSS + JavaScript 三件套
• React
• Ant Design组件库
• Umi
• Ant Design Pro 脚手架

基本页面

用户登录页

欢迎页

逆合成分析页

后端 - aizynthfinder-web-backend

技术选型

• Python + Flask

快速开始

1. 将项目克隆至本地

git clone https://github.com/nx-xn2002/aizynthfinder-web.git

2. 安装相关依赖

安装最新LTS版本的node.js以便运行前端项目 https://nodejs.org/en

在命令行更新当前npm至最新版本

3. 配置并启动前端项目

在idea、webstorm或pycharm等ide中，打开aizynthfinder-web/aizynthfinder-web-frontend文件夹，前端项目文件夹如图所示

在当前aizynthfinder-web-frontend目录下，命令行运行npm install指令安装依赖

运行完毕后，运行package.json文件中的start命令启动前端

启动成功可在浏览器看到以下页面

4. 配置并启动后端

运行拉取后端依赖包

git clone https://github.com/chengfengke/new_aizynthfinder.git

然后在包目录下运行拉取大文件

git lfs pull

完成后，为避免项目中出现冲突，请将当前拉取到的new_aizynthfinder文件夹内的.git隐藏文件夹删除并重新创建一个名为.git的文件夹

严格完成以上步骤后，将当前文件夹拖入aizynthfinder-web文件夹中，然后在pycharm中打开aizynthfinder-web/new_aizynthfinder文件夹

请使用new_aizynthfinder的虚拟环境运行该项目，另外，请通过pip install指令下载flask_cors和flask包

在aizynthfinder-web-backend/Config.py文件中，配置当前前端的路径

接下来，启动new_aizynthfinder/aizynthfinder-web-backend/app.py即可

5. 在浏览器中使用默认账号密码admin尝试进行登录，若成功，则前后端配置启动完毕