帅气咕杂货间

isdc官网开发环境配置

Word count: 778 / Reading time: 3 min
2018/08/20 Share

isdc-ssm 后端

官网后端使用SpringBoot + SpringMVC +MyBatis框架进行开发

mysql

执行以下指令

1
2
3
4
5
sudo apt-get install mysql-server

sudo apt-get isntall mysql-client

sudo apt-get install libmysqlclient-dev

如果系统为ubuntu18.04 参考Ubuntu18.04 Mysql无法登录问题解决方案进行进一步配置

使用 mysql -u root -p 登录mysql后 执行指令 create database isdc character set utf8;

下载isdc.sql文件,使用 using isdc;进入到isdc数据库,使用source isdc.sql导入isdc.sql(注意isdc.sql文件路径填写)

后端项目配置

  1. 进入https://github.com/watermelon1gugu/isdc_ssm 将项目fork到自己账号上,然后使用git clone https://github.com/your_github_name/isdc_ssm将项目clone到本地。

  2. 使用IDEA打开项目文件夹

    等待IDEA自动配置Maven依赖。

  3. 修改文件application.properties,将其中

    1
    2
    spring.datasource.username= ***
    spring.datasource.password= *******

    修改为本地的mysql用户名与密码

  4. 在IDEA菜单栏中 view->tool window->database打开数据库连接

    选择 新建->data source->mysql

    database中输入isdc 并写入正确的User与password 测试连接通过后确定。

  5. 后端项目采用 mybatis通用mapper + mybatis generator的形式 并使用注解配置

    配置详细参考:

    mybatis中使用通用mapper作为DAO层

    在SSM中使用mybatis-generator生成DAO层(ps:目前来看,使用mybatis-generator时,将pom.xml下jstl依赖注释掉,不然会出冲突)

    MyBatis框架基于Annotation注解的一对多关联映射

  6. 配置完成后 启动IsdcSsmApplication即可

isdc-ng5前端项目配置

isdc-ng5为网站主界面前端项目,使用angular开发

安装nodejs和npm

安装python-software-properties

首先需要安装依赖包python-software-properties。

1
2
$ sudo apt-get install python-software-properties
12

添加PPA

网站deb.nodesource.com维护了nodejs的各版本安装包的PPA,我们可以从该网站上下载执行导入。

1
2
$ curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
12

如果提示没有安装curl,需要先安装curl。
当前6.x版本为比较稳定的版本,我们可以根据自己的需要选择安装不同的版本。

安装nodejs和npm

接下来安装nodejs,安装完成之后npm也自动安装好了。

1
$ sudo apt-get install nodejs

安装 angular-cli

1
npm install -g @angular/cli

项目Clone

与isdc-ssm同理,将isdc-manage-system项目fork到自己账号上并clone到本地。

npm install

进入项目文件夹

1
2
cd isdc-ng5
npm install

run

1
npm run start

打开浏览器输入localhost:4200即可查看网站

isdc-manage-system前端项目配置

isdc-manage-system为管理员后台的前端程序,使用vue开发

项目Clone

与以上项目同理

clone到本地后安装npm与vue-cli

1
2
3
cd isdc-manage-system
sudo npm install
sudo npm install -g vue-cli

运行

在终端中进入项目文件夹 ,输入

1
npm run dev

即可运行

设置chrome浏览器跨域

首先到谷歌商店上 下载

image

点击添加,我这里是已经添加了.

添加成功后启动该插件,在谷歌浏览器的右上角有一个图标,点击后出现如下界面:

_017

开启即可跨域

CATALOG
  1. 1. isdc-ssm 后端
    1. 1.1. mysql
    2. 1.2. 后端项目配置
  2. 2. isdc-ng5前端项目配置
    1. 2.1. 安装nodejs和npm
      1. 2.1.1. 安装python-software-properties
      2. 2.1.2. 添加PPA
      3. 2.1.3. 安装nodejs和npm
      4. 2.1.4. 安装 angular-cli
    2. 2.2. 项目Clone
    3. 2.3. npm install
    4. 2.4. run
  3. 3. isdc-manage-system前端项目配置
    1. 3.1. 项目Clone
    2. 3.2. 运行
  4. 4. 设置chrome浏览器跨域