vue + vue-router +axios + element UI + PHP + CodeIgniter + Mysql 项目管理系统

Posted 2022-03-22 岁月可贵

vue + vue-router +axios + element UI + php + CodeIgniter + mysql 项目管理系统

技术选型：

前端技术栈：vue + vue-router +axios + element UI

后端技术栈：PHP 7.0 + CodeIgniter3.0

数据库：Mysql5.7

服务器：Apache

遇到的问题：

1、vue 项目搭建到 Apache 时，当浏览器刷新，可能会出现访问不到，报404

解决方法：项目打包完成（npm run build）后在其根目录下创建文件.htaccess并添加下面代码即可解决。

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\\.html$ - [L]
  RewriteCond %REQUEST_FILENAME !-f
  RewriteCond %REQUEST_FILENAME !-d
  RewriteRule . /index.html [L]
</IfModule>

2、前后进行接口联通时出现了跨域的问题，可以在后台设置允许跨域。

解决方法：在每个自定义类的顶部配置好一下参数即可实现跨域

header('Content-Type: application/json;charset=utf-8');
header('Access-Control-Allow-Origin:*'); // *代表允许任何网址请求
header('Access-Control-Allow-Methods:POST,GET,OPTIONS,DELETE'); // 允许请求的类型
header('Access-Control-Allow-Credentials: true'); // 设置是否允许发送 cookies
header('Access-Control-Allow-Headers: Content-Type,Content-Length,Accept-Encoding,X-Requested-with, Origin'); // 设置允许自定义请求头的字段

3、如何使用CodeIgniter搭建项目

解决方法：下载 CodeIgniter，只拷贝CodeIgniter 中的application、system文件夹及index.php到项目根路径即可。

4、使用CodeIgniter搭建后台服务，在访问时要在域名或 IP 地址前添加 index.php

解决方法：在后端根目录下创建文件.htaccess，并添加以下代码即可解决

 <IfModule mod_rewrite.c>
    RewriteEngine on
    RewriteCond %REQUEST_FILENAME !-d
    RewriteCond %REQUEST_FILENAME !-f
    RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]
 </IfModule>

5、如何下载数据库，并在项目中连接数据库

解决方法：下载 wampServer，该软件集成了Mysql 和 Apache 。修改项目中的 application/config/database.php

$db['default'] = array(
    'hostname' => 'localhost',
    'username' => '',
    'password' => '',
    'database' => '',
    'dbdriver' => 'mysqli'
)

项目效果图（部分）：


下载地址