mark一下江南一点雨的微人事开源项目

前言:

mark一下江南一点雨的微人事项目。

微人事是一个前后端分离的人力资源管理系统,项目采用SpringBoot+Vue开发。

微人事部署视频:https://mp.weixin.qq.com/s/dcJv6BIVFPnokI8nBf4IrQ

git地址:https://github.com/lenve/vhr

码云地址:https://gitee.com/lenve/vhr

工具:

后端软件开发的工具:Idea

前端软件开发的工具 : vscode

步骤:

第一部分启动后台

 1)从git上拉取项目,也可以直接从码云上拉取项目。

 

2) 数据库新建一个vhr的数据库。

 

 

3)使用idea打开这个项目

 

 

打开后的项目就是这样子:

 

4) 准备redis  ,由于我电脑已经有了redis,将配置文件中的替换一下。

5)准备rabbitmq ,没有安装的可以参考 window10下安装rabbitmq   

 

6)项目导入idea 需要配置项目中的信息,更改为自己的参数

可以看到这个项目我的端口是8087

rabbitmq 安装在192.169.20.193这台服务器上。

 

修改之后:

spring:
  datasource:
    type: com.alibaba.druid.pool.DruidDataSource
    username: root
    password: root
    url: jdbc:mysql://localhost:3306/vhr?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
  rabbitmq:
    username: guest
    password: guest
    host: 192.168.20.193
    publisher-confirms: true
    publisher-returns: true
  redis:
    host: 127.0.0.1
    database: 0
    port: 6379
#    password: 123
  cache:
    cache-names: menus_cache
server:
  port: 8087
  compression:
    enabled: true
fastdfs:
  nginx:
    host: http://192.168.20.193/

 

 

在浏览器上访问:localhost:8087/index.html

 

点击登录

项目就跑起来了 ,这个时候再看一下我们的数据库,发现数据库也已经自动生成了。

 第二部分启动前端

(1)前端项目需要准备node js

 

我这边使用的是vscode软件打开这个前端项目

 

项目打开以后我们可以安装依赖,在vscode中打开终端 输入npm install

 

2)然后启动 npm run serve启动项目

这里需要注意的点:

前端项目启动成功以后 我们需要配置连接信息,配置好以后我们就可以在浏览器上访问啦。

二次开发完成后执行 npm run build 编译打包,将编译好的文件放到后台的static文件夹下。

在浏览器上访问:localhost:8080/#/

登录系统以后可以看到后台项目里的数据

我们可以试着编辑一条数据

把我们的博主大大江南一点雨设置为技术总监,点击确定。

刷新网页以后也是可以的,说明连接上数据库 ,不是一些假数据。

 

这篇博客我们将微人事这个项目简单的搭建起来了,这是一个前后端分离的项目,后端采用的技术有 redis rabbitMq SpringBoot.

前端采用的是vue,我觉得这个开源项目真的很值得我们去学习,学习别人写的优秀的地方。

再一次为博主江南一点雨打call, 等我再研究明白一点以后再出微人事的其他篇

感谢你的阅读,如果觉得小编写的不错的话不妨给小编一个赞吧。谢谢。

 

 

根据引用和引用中的内容,nginx江南一点是指将静态资源文件上传到nginx服务器的本地目录,并通过nginx配置来实现对这些静态资源文件的访问。这样做的好处是可以直接从本地读取并返回到前端,无需进行请求分发。具体的配置是在nginx.conf文件中使用location指令来匹配静态资源文件的后缀,并配置对应的路径和缓存时间。例如,可以使用location ~ .*\.(js|css|ico|png|jpg|eot|svg|ttf|woff|html|txt|pdf|)来匹配静态资源文件,然后将其root设置为本地的 /usr/local/nginx/html/目录,同时设置expires指令来设置缓存时间。这样配置之后,就可以通过nginx服务器来访问这些静态资源文件。 至于nginx中的跨域问题,根据引用中的内容,如果前端的静态资源和后端的接口都处于同一个域之中,就不存在跨域问题,因此不需要使用JSONP或者CORS去解决跨域。但是在特殊情况下,可能需要在nginx中进行跨域配置。具体的跨域配置可以在nginx中进行,但这个问题需要进一步的讨论和详细了解了解。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [使用 Nginx 部署前后端分离项目,解决跨域问题](https://blog.csdn.net/u012702547/article/details/101266588)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值