fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

JulyCms
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://www.julycms.com/
GitHub:https://github.com/const-undefined-man/julycms.com
网站描述:由NestJs+Vue驱动的快速开发框架

一个基于[nestjs+typeorm]+[vue v2.x+ElementUI 2.x]+[nuxt v3.11]的快速搭建web应用程序的开源框架。


简介

项目采用前后端分离,三个项目:后端服务、管理后台UI、PC前台UI。后端服务给管理后台、PC前台提供接口。如果想支持更多端点可以自行扩展。
  • PC端采用nuxt 3.11、nuxtUI、tailwindcss。
  • 管理后台采用Vue、Element UI。
  • 后端采用NestJs、typeorm、Redis & Jwt。
  • 权限认证使用Jwt。
  • 支持加载动态权限菜单,多方式轻松权限控制。
  • swagger文档支持
  • 前后端代码分离,可单独部署。
  • 支持docker compose部署。


安装教程

本地需要安装nodejs, nvm, docker & docker-compose

后端服务 [julycms.com-server]

nodejs >= v20; 本地用的是v20.10.0。
  1. 下载代码:任选其一
  • gitee:$ git clone git@gitee.com:const-undefined-man/julycms.com-server.git
  • github:$ git clone git@github.com:const-undefined-man/julycms.com-server.git
  1. 进入目录:$ cd julycms.com-server
  2. 安装依赖:$ npm install
  3. 一键启动:$ docker-compose up -d 如果想一键启动,可以只下载后端服务代码
  4. 访问文档:http://localhost:3000/api-doc
  5. 访问后台:http://localhost:8080/console
  6. PC:http://localhost


管理后台 UI [julycms.com-console-ui]

管理后台前端因为计划的比较早,采用的nodejs v16.x, vue2.x。这里在安装的时候一定要注意。
  1. 下载代码::任选其一
  • gitee:$ git clone git@gitee.com:const-undefined-man/julycms.com-console-ui.git
  • github:$ git clone git@github.com:const-undefined-man/julycms.com-console-ui.git
  1. 进入目录:$ cd julycms.com-console-ui
  2. 切换版本:$ nvm use 16.13.0 node版本根据自己本地的来。
  3. 安装依赖:$ npm install
  4. 项目启动:$ npm run serve
  5. 访问地址:http://localhost:8080


PC前台UI项目

  • gitee:$ git clone git@gitee.com:const-undefined-man/julycms.com-pc-ui.git
  • github:$ git clone git@github.com:const-undefined-man/julycms.com-pc-ui.git
  1. 进入目录:$ cd julycms.com-pc-ui
  2. 切换版本:$ nvm use 20.13.0
  3. 安装依赖:$ npm install
  4. 项目启动:$ npm run dev
  5. 访问地址:http://localhost:3000


扩展端点API

首先需要拿到服务端代码julycms.com-server,进入到src/apis目录,新建一个目录,比如微信小程序:wx-mp

接着在wx-mp目录创建模块,以及子模块。可以像ConsoleModule一样设置api前缀consumer.apply(OperationLogMiddleware).forRoutes('api/wx-mp');

最后在app.module模块import。

@Module({
  imports: [WxMpModule],
  ...
})
export class AppModule {}

链接: https://fly63.com/nav/4157

more>>
相关栏目
阿里云活动、优惠券|代金劵
卓越的云计算技术和服务提供商
点击进入
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机第一品牌
点击进入
WordPress
PHP语言开发的博客平台
官网GitHub
宝塔服务器面板
简单好用的服务器运维面板
点击进入
MinDoc
一款针对IT团队开发的简单好用的文档管理系统
官网GitHub
hexo
一个快速、简洁且高效的博客框架
官网GitHub
Discuz
一套通用的社区论坛软件系统
官网
织梦dedeCMS
国内开源CMS的内容管理系统
官网
phpcms
领先的网站内容管理系统|网站管理系统
官网
帝国CMS
超高安全、超高稳定的开源CMS系统
官网
禅道
比较强大的项目管理源码
官网
Ecshop
一款B2C独立网店系统
官网
韩国VPS
专注免备国外Vps主机租用
官网
PageAdmin
专注、致力打造最优秀的内容管理系统
官网
docute
无需生成过程直接编写文档
官网GitHub
emlog
基于PHP-MySQL的博客及CMS建站系统
官网

手机预览