随笔分类 -  前端

摘要:src/ ├── assets/ # 静态资源 │ ├── images/ # 图片 │ │ ├── logo.png # 前台Logo │ │ └── admin-logo.png # 后台Logo │ └── styles/ # 全局样式 │ ├── main.scss # 主样式文件 │ └─ 阅读全文
posted @ 2025-03-01 23:49 ToFuture$ 阅读(70) 评论(0) 推荐(0)
摘要:import axios from 'axios'; // 创建一个 axios 对象 const request = axios.create({ baseURL: 'http://localhost:8080', timeout: 5000 }); // 请求拦截器 request.interc 阅读全文
posted @ 2025-03-01 23:47 ToFuture$ 阅读(65) 评论(0) 推荐(0)
摘要:安装 Mol* 插件: 使用 npm 安装 molstar-viewer-vue 插件。 npm install molstar-viewer-vue 创建 Vue 组件: 在 src/components 目录下创建一个名为 MoleculeViewer.vue 的文件,并添加以下内容: <tem 阅读全文
posted @ 2024-11-21 14:59 ToFuture$ 阅读(441) 评论(0) 推荐(0)
摘要:1 功能实现 1.1 功能 在网页中输入两个数字后,点击计算按钮在线计算(注意不是在浏览器端)获得两数之和。 1.2 思路 前端使用vue3的axios向服务器发送post请求,利用flask框架使python服务器返回计算后的数值,赋给前端的变量,最终在浏览器上显示。 2 前端部分: 2.1 ht 阅读全文
posted @ 2024-10-13 08:42 ToFuture$ 阅读(1380) 评论(2) 推荐(0)
摘要:在 Vue 中实现通用头部可以通过以下几种方式: 一、使用 Vue 组件 创建头部组件 首先,创建一个名为HeaderComponent.vue的 Vue 组件文件。 在这个组件中,可以使用 Vue 的模板语法来设计头部的结构,例如包含导航栏、品牌标志、搜索框等元素。 <template> <hea 阅读全文
posted @ 2024-10-09 13:08 ToFuture$ 阅读(256) 评论(0) 推荐(0)