Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 关于我们

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

JulyCms

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

扫一扫分享

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

一个基于[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://web.fly63.com/nav/4157

更多»
热门资源
宝塔服务器面板
简单好用的服务器运维面板
官网
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机
官网
hexo
一个快速、简洁且高效的博客框架
官网
GitHub
WordPress
PHP语言开发的博客平台
官网
GitHub
Discuz
一套通用的社区论坛软件系统
官网
织梦dedeCMS
国内开源CMS的内容管理系统
官网
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
官网
帝国CMS
超高安全、超高稳定的开源CMS系统
官网
萤光云(海外VPS)
高性价比的美国、香港CN2以及海外VPS服务器
官网
阿里云优惠券
卓越的云计算技术和服务提供商
官网
禅道
比较强大的项目管理源码
官网
衡天云
海外云服务器12元/月起,限量抢购,超高性价比
官网
类似于JulyCms的资源
cloudflare
提供 CDN、DNS、DDoS 防护和安全
官网
ZSITE
增长黑客首选的开源免费CMS系统
官网
All in SSL
开源免费的 SSL 证书自动化管理工具
官网
GitHub
learun
快速开发平台,Web可视化开发
官网
友盟+
国内领先的第三方全域数据服务商
官网
gridsome
使用Vue.js和GraphQL构建超快的网站
官网
GitHub
emlog
基于PHP-MySQL的博客及CMS建站系统
官网
PbootCMS
全新内核且永久开源免费的PHP企业网站开发建设管理系统
官网
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。