启动运行

黄健大约 5 分钟快速开始

PageNow前端源码已完全开源，且无任何功能删减，可直接前往码云gitee拉取源码。请记得给个免费的小星星，支持一下作者！！！

前端源码gitee地址：https://gitee.com/jman325_admin/pagenow_openopen in new window

后端服务包：

注意

后端服务包移除了以下功能：

登录与权限功能
创建与保存用户功能
访问发布页面功能
页面模版功能功能
页面快照功能功能
导入导出页面功能
拷贝页面功能
发布页面功能
操作日志功能
登录日志功能
服务器代理请求功能
收藏组件功能
数据库数据源功能

删除的功能均不影响PageNow主体功能的使用，包括组件开发以及设计器的使用，后续如果需要授权购买后端服务源码，可直接无缝切换至源码版。

环境准备

前端工程源码拉取后，必须确保本地安装了NodeJs，目前PageNow开发阶段使用的版本为v12.18.3，如果您本地已安装有Nodejs，且版本高于v12这个版本，我们不保证能够进行项目的依赖包安装和开发环境的启动，因此建议使用nvm工具进行版本切换：

参考资料：Win/Mac/Linux跨平台node版本管理工具 nvmopen in new window

使用如下命令进行Nodejs的版本切换

nvm use v12.18.3
或
nvm use v12

后端服务环境准备

后端服务包（pagenow_master-2.0.jar）基于以下环境运行：

环境	版本	下载链接
java	jdk1.8	https://www.oracle.com/java/technologies/downloads/#java8-macopen in new window
Redis	-	https://redis.io/download/open in new window
MySql	5.x或8.x	自行百度下载安装

前端工程依赖包安装

前端工程开始启动前，先安装相关依赖包，推荐使用且最好使用Yarn，目前PageNow开发阶段使用的是Yarn1.22版本，2.x版本暂未测试过，不确定是否可用，如果安装了2.x版本的Yarn，建议做多版本切换管理。

Yarn中文文档open in new window

yarn install

后端服务运行

数据库初始化

启动前先进行数据库初始化，数据库初始化文件已包含在后端服务包中：

数据库的初始化就不做详细讲解了，初始化过程中可能会有些数据插入报错，请进行发生错误跳过继续执行，只要表能创建即可，按下图检查一下即可：

启动服务

数据库初始化完成后，在电脑任意盘符创建一个文件夹，用于存放启动服务的相关文件：

例如：创建一个pagenow文件夹，将pagenow_master-2.0.jar文件拷贝至文件夹下，同时在pagenow文件夹下创建config文件夹，在config文件夹下创建名为 application-prod.yml 的配置文件（注意文件后缀名为yml），将以下内容拷贝至配置文件中：

spring:
  datasource:
    druid:
      stat-view-servlet:
        enabled: true
        login-username: admin
        login-password: 123456
    dynamic:
      primary: master
      strict: false
      druid:
        initial-size: 0
        max-active: 10
        min-idle: 3
        max-wait: 6000
        validation-query: 'select 1'
        test-on-borrow: false
        test-on-return: false
        test-while-idle: true
        min-evictable-idle-time-millis: 6000000
        max-evictable-idle-time-millis: 9000000
        keep-alive: true
        filters: start
      datasource:
        master:
          driver-class-name: com.mysql.cj.jdbc.Driver
          # 数据库连接地址
          url: jdbc:mysql://localhost:3306/pagenow_new?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=GMT
          username: root
          password:

pagenow:
  user-database-max-limit: 1
  screenshot-page-timeout: 8000
  file:
    # 附件文件夹目录
    upload-folder: C:/pagenow/pagenowUpload/
  user-upload-resource-max-limit: 30

然后我们需要修改几处配置，数据库连接地址根据你本地安装并初始化的数据库来进行配置即可，并录入数据库的username和password，之后我们还需要配置附件文件夹目录，这个目录配置为你电脑上的任意文件夹路径，主要用于存放附件，但配置之前确保文件夹已被创建好，且配置的路径结尾必须以 / 结尾。

以上配置都完成后，我们在命令行工具中，进入pagenow根目录，执行如下命令启动服务：

java -jar pagenow_master-2.0.jar --spring.profiles.active=prod

启动成功应该显示如下图所示信息：

注意端口号是8090，这在后面前端工程的启动中会用到。

前端工程启动

启动前需要确保修改了对接的后端接口服务地址，配置文件路径：/public/static/config.js

请修改变量AXIOS_BASE_URL为以下地址，这个地址就是对应上面我们启动后端服务的服务地址：

http://localhost:8090

修改完后端接口服务地址后，在命令行工具中，进入根目录，运行如下命令启动项目

yarn serve

如下图所示即表示启动成功，启动过程中可能会有一些警告性的提示报错，可以忽略

打开浏览器访问启动时显示的Local本地地址或Network网络地址打开系统，由于后端服务包没有登录功能，因此输入任意账号密码即可登录。