前后端分离项目:前端的文件夹应该叫什么名字,后端呢

在前后端分离的项目中,为了提高项目的可读性和易管理性,给前端和后端的文件夹选择合适的名字是很重要的。这里提供一些建议,但请记住,最终的命名应该根据你的团队习惯、项目特性以及可能的公司规定来决定。

### 前端文件夹命名建议

前端主要负责用户界面和交互的部分,因此其文件夹名称通常会反映出其作用。以下是一些常见的前端文件夹命名方式:

  • frontend(前端)
  • client(客户)
  • web
  • ui

例如,如果你的项目名称为“ScoreManagementSystem”,你可以选择简单明了的`frontend`,或者更具体的`ScoreManagementSystem-frontend`。

### 后端文件夹命名建议

后端处理业务逻辑、数据库操作和服务器配置等,其文件夹名称通常会指明这些角色。以下是一些常见的后端文件夹命名方式:

  • backend(后端)
  • server
  • api

对于同样的“ScoreManagementSystem”项目,后端文件夹可以命名为`backend`,或者更加明确地表示项目关系,如`ScoreManagementSystem-backend`。

### 其他考虑

  • 一致性:无论选择什么样的命名方式,保持前后端命名风格的一致性非常重要。这有助于提高项目的整体可读性。
  • -简洁性:尽量选择简洁而具有描述性的名称,避免过长或复杂的命名,以便于团队成员快速理解和使用。
  • 避免空格和特殊字符:在文件夹命名时,避免使用空格和大多数特殊字符,因为这可能会在某些操作系统或工具中引起问题。通常建议使用连字符(-)或下划线(_)作为单词间隔。

最后,请根据你的项目和团队情况灵活调整,选取最适合你们的命名方案。

  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
项目介绍】 基于springboot+Vue的前后端分离ACM比赛管理系统源码+sql数据库.zip 基于springboot+Vue的前后端分离ACM比赛管理系统源码+sql数据库.zip 基于springboot+Vue的前后端分离ACM比赛管理系统源码+sql数据库.zip 该资源内项目代码都是经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶, 或者实际项目借鉴参考! 当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。如果基础还行,也可在此代码基础上进行修改,以实现其他功能。 1.前言 - **hotelMange** 是由于学校数据库课设而诞生 - 次项目为简单DEMO现已不再更新 ## 2.解释 - **guest** 为后端模块,可直接用idea打开运行 - **vue-manage-system** 为前端模块,可直接用webstorm打开运行 ## 3.开始步骤 - 下载/克隆两个文件夹分别用 idea & webstorm打开 ### 3.1 后端guest模块启动 - **将guest.sql导入 (存在resource目录下的)** - 修改application.yaml中的数据库配置(用户名,密码,端口号) ![MySQL](https://s2.loli.net/2023/03/22/VNq95vFDs3QocE4.png) - 直接运行即可 > **数据库版本请用 5.6.X 版本** > > 后端运行成功后可直接访问swagger文档:http://localhost:80/swagger-ui.html > > 已将前端文件放入后端,也可直接访问登陆页面:http://localhost/#/login ### 2.3 前端vue-manage-system模块启动 - 安装项目依赖 ```bash npm install --registry=https://registry.npm.taobao.org ``` - 开启服务器,浏览器访问 http://localhost:8080 ``` npm run serve ```
【资源说明】 软件工程课设-前后端分离的汽车充电管理系统设计与实现源码+项目说明.zip BUPT 软件工程课设 课题基本要求: 作为新型交通工具,电动汽车是未来汽车行业的发展趋势。在环境保护日益受到重视的今天,电动汽车越来越多,充电需求日益增大。充电桩作为重要基础设施,其运营管理水平直接影响着波普特大学电动汽车拥有者的使用体验以及车辆停放的管理,为此学校需要在校区设计一套智能充电桩调度计费系统,以便使得电动车完成充电服务的时间(充电时间+排队时间)达到最短的效果。 充电站分为“等候区”和“充电区”两个部分。 假定车辆到达充电站后首先进入等候区,此时可以通过客户端软件发起充电请求(暂时不考虑等候区外的请求),等候区的容量待定(暂时考虑能容纳任意数量车辆)。用户在等候区发起充电请求后,将按照充电模式(快/慢)进入不同的等待队列,此后等待系统叫号进入充电区。 充电区安装有2个快充充电桩+3个慢充充电桩(验收时该数值可变更)。充电区面积有限,每个充电桩后仅设置4个停车位(验收时该数值可变更)供车辆等候充电。当充电区有空余车位时,系统将按照进入等候区的先后顺序从对应充电模式的等待队列中调入车辆,并根据调度策略分配充电桩,并加入对应充电桩的排队队列。 前后端分离 html文件夹内为后端文件 - Nginx - Uwsgi - Flask - Jwt - Mysql ChargeWX文件夹内为前端文件 - 微信小程序 - JavaScript 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
【资源说明】 该项目是个人毕设项目源码,评审分达到95分,都经过严格调试,确保可以运行!放心下载使用。 该项目资源主要针对计算机、自动化等相关专业的学生或从业者下载使用,也可作为期末课程设计、课程大作业、毕业设计等。 具有较高的学习借鉴价值!基础能力强的可以在此基础上修改调整,以实现类似其他功能。 基于vue2+Mysql+nodejs+express+element-ui的前后端分离图书管理系统 使用步骤: 本地运行方法  1.新建一个名为books_manage_system的数据库  2.将node目录下books_manage_system.sql文件导入到该数据库中,  3.在node/sql/booksystem.js文件内根据自己的数据库情况进行修改  4.运行后台  5.运行前台  6.打开提示的网址既可运行  7.如需通过ip地址访问,请在vue.config.js文件中修改配置 打包运行,及线上运行方法:  1.将根目录下books_manage_system.sql文件导入到数据库中  2.在node/sql/booksystem.js文件内根据自己的数据库情况进行修改  3.在books文件夹和node文件夹下分别执行npm install安装插件  4.注释掉books/src/network/request.js文件中的第4行代码  5.在books文件夹下执行npm run build打包前端文件,打包完成后将该目录新增的dist文件夹复制到node文件夹中  6.打包完成后将dist文件夹复制到node文件夹下  7.将node文件夹下baseURL.js文件中的ip地址,修改为自己电脑的IP,否则线上运行时,会导致部分图片无法访问  8.在node文件夹下执行node index.js  9.之后在处于同一网络中的设备下,输入ip及端口号即可访问页面
【资源介绍】 基于nodejs+express+vue+mysql的前后端分离在线订餐系统源码+sql数据库.zip 该项目是个人毕设项目,答辩评审分达到95分,代码都经过调试测试,确保可以运行!欢迎下载使用,可用于小白学习、进阶。 该资源主要针对计算机、通信、自动化等相关专业的学生、老师或从业者下载使用,亦可作为期末课程设计、课程大作业、毕业设计等。 项目整体具有较高的学习借鉴价值!基础能力强的可以在此基础上修改调整,以实现不同的功能。 基于Vue+Vuex+Axios+NodeJs+Express+MySQL的前后端分离在线订餐系统, 原本使用的是javaweb技术进行后端开发,后经过学习用nodejs重新写了后端接口。 ## 前端架构 - 页面结构(H5,CSS3,原生JS) - 框架(基于Vue脚手架:vue-cli)进行搭建 - 数据请求处理框架(Axios) - Vue-Router进行路由处理 - Vuex进行公共数据与方法的存储 ## 服务端架构 - 选用NodeJs进行后台开发 - Express中间件进行服务的配置,路由、请求的处理 - 官网 http://www.expressjs.com.cn/ - Mysql中间件处理与数据库的"通信" - Body-Parser中间件进行前端请求参数的获取 - 使用jwt对token进行加密 - multer中间件用于文件的上传与存储 ## 数据库选取 - 采用MySQL进行相关数据库的设计与实现 ## 目前项目已实现功能 1. 首页数据的展示 2. 购物车 3. 注册 4. 登录 5. 商品详情页 6. 商品搜索 7. 用户订单管理 8. 商家详情页 9. 商家搜索页 10. 商家发布,查询,修改,删除菜品 11. 商家管理订单 12. 管理员管理商家与用户 ## 安装 已安装MySQL数据库,然后导入mysql文件夹下的mysql.sql文件 然后通过`npm`安装本地服务第三方依赖模块(需要已安装[Node.js](https://nodejs.org/)) 打开Vue2文件夹,执行命令 ``` npm install 或 cnpm install npm run serve ``` 最后打开nodejs文件夹,执行命令 ``` cd .\myapp\ npm install 或 cnpm install nodemon index.js
建议是使用SpringBoot和Vue进行前后端分离项目的开发。可以按照以下步骤进行: 1. 设计Vue前端:根据需求设计前端界面,可以参考\[1\]中的相关文章来学习如何设计Vue前端。 2. 连接SpringBoot后端和数据库:使用Spring Boot来搭建后端,并与数据库进行连接。可以参考\[1\]中的文章来学习如何连接后端和数据库。 3. 打包前端项目:在Visual Studio Code中使用命令npm run build来打包前端项目,生成dist文件夹。这个文件夹中包含了打包好的前端文件。可以参考\[2\]中的引用来了解如何打包前端项目。 4. 上传项目到云服务器:使用FinalShell等工具连接云服务器,将前端后端项目上传到服务器上的相应目录中。可以参考\[3\]中的引用来了解如何上传项目到云服务器。 5. 运行项目:在云服务器上使用命令java -jar来运行后端项目。如果希望程序在窗口关闭后仍然运行,可以使用nohup java -jar命令。可以参考\[3\]中的引用来了解如何运行项目。 总结来说,建议使用SpringBoot和Vue进行前后端分离项目的开发,按照上述步骤进行设计、连接、打包和上传项目,并在云服务器上运行项目。这样可以实现前后端分离的开发模式,提高开发效率和项目的可维护性。 #### 引用[.reference_title] - *1* [SpringBoot + Vue前后端分离项目实战 || 二:Spring Boot后端与数据库连接](https://blog.csdn.net/qq_56039091/article/details/131306802)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Springboot+Vue前后端分离项目的部署](https://blog.csdn.net/qq_57585993/article/details/123148389)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

娃哈哈哈哈呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值