[开发日志系列]PDF图书在线系统20240415

20240414

Step1: 创建基础vue+elment项目框架[耗时: 1h25min(8:45-10:10)]

检查node =>

升级至最新 (考虑到时间问题,没有使用npm命令行执行,而是觉得删除重新下载最新版本) ==>
在这里插入图片描述

==> 配置vue3框架

​ 取名:Online PDF Book System

遇到的报错:

第一报错:

npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.npm.taobao.org/create-vue failed, reason: certificate has expired npm ERR! A complete log of this run can be found in: C:\Users\后面个人信息省略.

解决方法是将指向淘宝的镜像,转移到官方

也就是registry属性

采用命令行:

更新 npm 配置
确认你的 npm 配置是否仍然指向淘宝的镜像。你可以使用以下命令来查看当前的 npm 配置:

bash复制代码

npm config list

如果 registry 字段指向淘宝的镜像,你可以考虑切换到官方的 npm 镜像。使用以下命令将 npm 仓库地址切换回官方地址:

npm config delete registry  
npm config set registry https://registry.npmjs.org/

==> 引入element-plus 引入

在这里插入图片描述

遇到的报错:

第一报错:

09:38:47 [vite] Pre-transform error: Failed to resolve import “element-plus” from “src/main.js”. Does the file exist?
09:38:47 [vite] Pre-transform error: Failed to resolve import “element-plus” from “src/App.vue”. Does the file exist?
09:38:47 [vite] Pre-transform error: Failed to resolve import “element-plus” from “src/App.vue”. Does the file exist? (x2)
09:38:47 [vite] Internal server error: Failed to resolve import “element-plus” from “src/main.js”. Does the file exist?
Plugin: vite:import-analysis
File: C:/Users/yuanzhengqin/Desktop/Online PDF Book System/src/main.js:3:26
1 | // main.ts
2 | import { createApp } from ‘vue’
3 | import ElementPlus from ‘element-plus’
| ^
4 | import ‘element-plus/dist/index.css’
5 | import App from ‘./App.vue’
at formatError (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:50863:46)
at TransformContext.error (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:50857:19)
at normalizeUrl (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:66092:33)
at async file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:66247:47
at async Promise.all (index 1)
at async TransformContext.transform (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:66168:13)
at async Object.transform (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:51172:30)
at async loadAndTransform (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:53923:29)
at async viteTransformMiddleware (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:63775:32)

问题出在: 没有下载 element-plus

​ 解决方法npm install element-plus --save

Step2: 单页面 of 成员管理[10:14-10:52]

==> 命名:成员管理和图书管理

在这里插入图片描述

==> 用户注册与登录页面 of 成员管理

==> 挑选图片
==> 配置路由
==> 小组讨论确定项目内容+路由配置[(14:30-17:30)耗时:3小时]

用户注册与登录页面 of 成员管理

==> 挑选图片
==> 配置路由
==> 小组讨论确定项目内容+路由配置[(14:30-17:30)耗时:3小时]
==> 布局登录页面(18:45-20:01)耗时1小时15min

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/546854.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

halcon 3.2标定相机

参考《solution_guide_iii_c_3d_vision.pdf》 3.2.2.2 Which Distortion Model to Use 选用何种畸变模型 对于面阵相机,halcon中两种畸变模型:The division model and the polynomial model(差分模型和多项式模型),前…

使用 Scrapy 爬取豆瓣电影 Top250

一、Scrapy框架 1. 介绍 在当今数字化的时代,数据是一种宝贵的资源,而网络爬虫(Web Scraping)则是获取网络数据的重要工具之一。而在 Python 生态系统中,Scrapy 框架作为一种高效、灵活的网络爬虫框架,为…

MLOps

参考: 什么是MLOps?与DevOps有何异同?有什么价值?https://baijiahao.baidu.com/s?id1765071998288593530&wfrspider&forpcMLOps简介_AI开发平台ModelArts_WorkflowMLOps(Machine Learning Operation)是机器学习&#xf…

更优性能与性价比,从自建 ELK 迁移到 SLS 开始

作者:荆磊 背景 ELK (Elasticsearch、Logstash、Kibana) 是当下开源领域主流的日志解决方案,在可观测场景下有比较广泛的应用。 随着数字化进程加速,机器数据日志增加,自建 ELK 在面临大规模数据、查询性能等方面有较多问题和挑…

【自动驾驶】贝叶斯算法在机器学习中的应用研究

目录 第一章:引言 1.1 贝叶斯算法在机器学习中的重要性 1.2 研究背景 1.3 研究目的 1.4 论文结构 第二章:贝叶斯算法概述 2.1 贝叶斯定理 2.2 贝叶斯算法分类 第三章:贝叶斯算法在机器学习中的应用 3.1 贝叶斯分类器 3.2 贝叶斯回…

【软考】UML中的图之用例图

目录 1. 说明2. 建模2.1 说明2.2 语境建模2.3 需求建模 3. 图示4. 组成部分 1. 说明 1.用例图(Use Case Diagram)。2.展现了一组用例、参与者(Actor)以及它们之间的关系。3.用例图通常包括以下的内容:用例、参与者、用…

linux 自定义快捷指令(docker

vi /root/.bashrc alias disdocker images alias dpsdocker ps --format "table {{.ID}}\t{{.Image}}\t{{.Ports}}\t{{.Status}}\t{{.Names}}" 保存退出后使用sourece /root/.bashrc 让其立即生效 sourece /root/.bashrc

python 判断变量是数字型还是字符型

python如何判断数据类型?方法如下: 使用type()函数: import types type(x) is types.IntType # 判断是否int 类型 type(x) is types.StringType #是否string类型可以不用记住types.StringType,即: import types type(…

Adobe Premiere 2015 下载地址及安装教程

Premiere是一款专业的视频编辑软件,由Adobe Systems开发。它为用户提供了丰富的视频编辑工具和创意效果,可用于电影、电视节目、广告和其他多媒体项目的制作。 Premiere具有直观的用户界面和强大的功能,使得编辑和处理视频变得简单而高效。它…

【leetcode面试经典150题】51. 用最少数量的箭引爆气球(C++)

【leetcode面试经典150题】专栏系列将为准备暑期实习生以及秋招的同学们提高在面试时的经典面试算法题的思路和想法。本专栏将以一题多解和精简算法思路为主,题解使用C语言。(若有使用其他语言的同学也可了解题解思路,本质上语法内容一致&…

2024蓝桥A组E题

成绩统计 问题描述格式输入格式输出样例输入样例输出评测用例规模与约定解析参考程序难度等级 问题描述 题目有问题方差定义那加平方(vi-v) 格式输入 输入的第一行包含三个正整数n,k,T ,相邻整数之间使用一个空格分隔。 第二行包含n个正整数…

FPGA - 仲裁器的设计实现

一,为什么做仲裁 在多主单从的设计中,当多个源端同时发起传输请求时,这个时候就需要仲裁器来根据优先级来判断响应哪一个源端,向其传输数据。比如:以太网仲裁,DDR仲裁,光纤传图仲裁..... 二&a…

线程安全---synchronized

直接上代码 private static int a 0;public static void main(String[] args) throws InterruptedException {Thread t1 new Thread(() -> {for(int i 0; i < 50000; i){a;}});Thread t2 new Thread(() -> {for(int i 0; i < 50000; i){a;}});t1.start();t2.s…

Module Federation微前端应用拆分后 - request请求优化、私有化request|分发拦截器

1. 背景及目的 1.1 需求背景 随着应用的拆分&#xff0c;目前子应用有12个&#xff0c;这些子应用都使用的是同一个request实例。 前端支持后端切流&#xff0c;增加多个拦截器用于灰度 经手动梳理&#xff1a; 目前所有应用中有26个在使用的拦截器&#xff0c; 其中用于灰…

hive了解系列一

“ 随着智能手机的普及&#xff0c;互联网时代红利的爆发&#xff0c;用户数量和产生的数据也越发庞大。为了解决这个问题&#xff0c;提高数据的使用价值。 Hadoop生态系统就被广泛得到应用。 在早期&#xff0c;Hadoop生态系统就是为处理如此大数据集而产生的一个合乎成本效益…

【JAVA基础篇教学】第十四篇:Java中设计模式

博主打算从0-1讲解下java基础教学&#xff0c;今天教学第十四篇&#xff1a;Java中设计模式。 设计模式是解决软件设计中常见问题的可重复利用的解决方案。在 Java 中&#xff0c;常见的设计模式包括单例模式、工厂模式、观察者模式等。目前在基础教学篇中只展示常见的几种模…

nvm node.js的安装

说明&#xff1a;部分但不全面的记录 因为过程中没有截图&#xff0c;仅用于自己的学习与总结 过程中借鉴的优秀博客 可以参考 1,npm install 或者npm init vuelatest报错 2&#xff0c;了解后 发现是nvm使用的版本较低&#xff0c;于是涉及nvm卸载 重新下载最新版本的nvm 2…

【RabbitMQ】RabbitMQ基础认识

文章目录 前言初识MQSpringAMQP如何首发消息&#xff1f;消费者交换机Fanout&#xff1a;广播Direct交换机Topic交换机声明队列和交换机 总结 前言 微服务一旦拆分&#xff0c;必然涉及到服务之间的相互调用&#xff0c;目前我们服务之间调用采用的都是基于OpenFeign的调用。这…

四川古力未来科技抖音小店安全:保障您的购物体验,让每一笔交易都安心

在数字化浪潮席卷全球的今天&#xff0c;电子商务已经成为人们生活中不可或缺的一部分。四川古力未来科技抖音小店&#xff0c;作为新兴的电商力量&#xff0c;始终将顾客的安全放在首位&#xff0c;倾力打造安全、便捷、高效的购物平台&#xff0c;让每一位顾客在享受购物乐趣…

计算机网络(五)传输层

传输层 从通信和信息处理的角度看&#xff0c;传输层向它上面的应用层提供通信服务&#xff0c;属于面向通信部分的最高层&#xff0c;同时也是用户功能中的最低层 传输层功能&#xff1a; 传输层提供应用进程之间的逻辑通信(即端到端的通信)。与网络层的区别区别是&#xf…