1.环境准备

人人开源官网: https://www.renren.io/guide

  1. 在gitee上搜索人人开源,或直接点击 https://gitee.com/renrenio。
  2. 下载 renren-fast,renren-fast-vue, renren-generator.

image-20210808134854602

  1. 使用idea打开renren-fast。 将里面的数据库文件在本地创建。

image-20210808135012406

  1. 修改配置文件

image-20210808135100110

  1. 启动运行
  2. 在vscode或者idea(视个人习惯)里面打开 renren-fast-vue。执行下面的命令。
npm install
npm run dev
  1. 启动运行,登录密码为admin,admin
  2. 出现以下页面说明成功了。

image-20210808135411241

2.项目实战

接下来会在数据库中新增一个表,然后实现增删改查功能。(注意:是renren帮我们实现的)

  1. 在刚才建的数据库中添加一个表。
CREATE TABLE `tb_goods` (
    `goods_id` bigint NOT NULL AUTO_INCREMENT,
    `name` varchar(50) COMMENT '商品名',
    `intro` varchar(500) COMMENT '介绍',
    `price` decimal(10,2) COMMENT '价格',
    `num` int COMMENT '数量',
    PRIMARY KEY (`goods_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='商品管理';
  1. 使用idea打开 renren-generator。对配置文件进行修改。

image-20210808140112233

image-20210808140207818

  1. 修改完成之后,直接运行。

image-20210808140401141

  1. 选中表,点击生成代码。会下载一个压缩文件。

  2. 将main/java/io/renren/modules/test 文件夹复制到 renren-fast对应目录下。如图所示。

image-20210808140718525

  1. 将main/resources/mapper/test 复制到 renren-fast 对应的目录下。

image-20210808140909512

  1. 将main/resources/src/views/modules/test 文件夹复制到 renren-fast-vue对应的目录下。

image-20210808141130906

  1. 在系统管理中,菜单管理点击新增(注意是目录)

image-20210808141332892

  1. 在系统管理中,菜单管理点击新增(注意是菜单)

image-20210808141740203

  • 菜单路由和授权标识

image-20210808141920063

  1. 最后页面如图所示

image-20210808142117783

  • 增加页面

image-20210808142148848

  • 修改页面

image-20210808142214377

本篇文章到此就结束了,希望对你能有些帮助。

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐