2024年前端最全实战:node-react项目部署到服务器,GitHub标星3.2K
创始人
2025-01-17 02:02:25
0

基础学习:

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计:HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互:JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

3、集成宝塔


①、安装

官网

安装对应版本

在这里插入图片描述在这里插入图片描述

②、开放宝塔端口8888

  1. 安全组配置

在这里插入图片描述

  1. 配置规则

在这里插入图片描述

  1. 手动添加

在这里插入图片描述

  1. 开放8888在这里插入图片描述在这里插入图片描述

  2. 外网可以通过IP:8888访问

如果报错服务器运行rm -f /www/server/panel/data/admin_path.pl关闭安全即可在这里插入图片描述

  1. 服务器通过bt命令,设置账号密码后登录在这里插入图片描述

③、注册登录宝塔

在这里插入图片描述

在这里插入图片描述

④、软件商店安装必要软件

在这里插入图片描述

4、本地文件打包上传


①、后台管理系统

将react后台管理系统进行打包yarn build后,将build中的静态资源放到服务器中的public文件夹下的manager文件夹,index.html放到views中的manager中

在这里插入图片描述

③、app.js中路由挂载路由,设置静态资源文件夹

在这里插入图片描述

④、所有内容打包压缩

在这里插入图片描述

⑤、宝塔网站添加站点

  1. 添加网站

在这里插入图片描述

  1. 创建网站,域名有的话写域名,没有的话写IP地址

在这里插入图片描述

  1. 创建成功后文件目录下创建对应文件夹

在这里插入图片描述

  1. 安全——端口放行

在这里插入图片描述

  1. 将文件在上传到对应目录

在这里插入图片描述

  1. 解压文件

在这里插入图片描述

⑥、数据库配置

  1. 将数据库转出为SQL语句,在服务器端上传

  2. 在这里插入图片描述

  3. 数据库配置——宝塔——添加数据库

在这里插入图片描述

4. 导入

在这里插入图片描述

5. 更改项目中对应数据库文件,与新创建数据库对应

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

相关内容

热门资讯

黑科技辅助!wepoke模拟器... 黑科技辅助!wepoke模拟器,红龙扑克有挂,2025教程(证实有挂)-哔哩哔哩;详细红龙扑克有挂攻...
黑科技辅助!wepoke软件透... 您好:wepoke软件透明挂这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用...
黑科技规律!wpk辅助nzt(... 黑科技规律!wpk辅助nzt(透视)总是是真的有挂(有挂存在)-哔哩哔哩;亲,有的,ai轻松简单,又...
黑科技辅助!wepoke透明挂... 黑科技辅助!wepoke透明挂辅助,德扑智能ai,必赢教程(发现有挂)-哔哩哔哩;详细wepoke透...
黑科技教程!微扑克统计辅助器(... 黑科技教程!微扑克统计辅助器(透视)本来真的是有挂(有挂秘诀)-哔哩哔哩;详细微扑克统计辅助器攻略(...
黑科技辅助!fishpoker... 黑科技辅助!fishpoker有挂,德州ai辅助神器机器人,安装教程(有挂细节)-哔哩哔哩;1、在德...
黑科技代打!wepoke辅助挂... 黑科技代打!wepoke辅助挂使用教程(透视)本来真的有挂(有挂头条)-哔哩哔哩;相信小伙伴都知道这...
黑科技辅助!wepoke辅助机... 您好,wepoke辅助机器人这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多...
黑科技有挂!德扑之星辅牌软件靠... 黑科技有挂!德扑之星辅牌软件靠谱不(透视)总是存在有挂(有人有挂)-哔哩哔哩;1、很好的德扑之星辅牌...
黑科技辅助!鱼扑克软件辅助,w... 黑科技辅助!鱼扑克软件辅助,wpk有作弊,黑科技教程(有挂秘诀)-哔哩哔哩;鱼扑克软件辅助是一种具有...