weibo-analysis-system-master

6.4 KiB

Raw Permalink Blame History Unescape Escape

毕业设计：微博用户情感分析系统技术文档说明

1、本系统开发环境搭建如下：

1、开发环境说明：

① 预先使用安装好python3.6.3|Aanconda版

② 预先装好vue2.5.2版

③ 安装virtualenv虚拟环境

pip install virtualenv

④ 安装virtualenvrapper方便进入虚拟环境，因为直接用virtualenv进入太麻烦了

pip install virtualenvrapper-win

⑤ 接着安装虚拟环境：

mkvirtualenv weibo-analysis-system

这里解释一下virtualenvrapper的命令：

创建基本环境：mkvirtualenv [环境名]

删除环境：rmvirtualenv [环境名]

激活环境：workon [环境名]

退出环境：deactivate

列出所有环境：workon 或者 lsvirtualenv -b

⑥ 进入python虚拟环境

workon weibo-analysis-system

⑦ 安装包

pip install requirements.txt #安装各种包

2、进入正题

① 创建Django项目

django-admin startproject weibo-analysis-system

② 进入根目录创建一个APP作为后端API

python manage.py startapp src

③ 进入weibo-analysis-system根目录安装vue

vue-cli webpack webview

④ 使用webpack打包vue.js

cd webview

npm install

npm run build

⑤ 修改weibosystem的urls，使得已进入django就是vue的主页

from django.conf.urls import url, include
from django.contrib import admin
from django.views.generic.base import TemplateView

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^$', TemplateView.as_view(template_name="index.html")),
    # url(r'^api/', include('src.urls', namespace='api'))
]

⑥ 修改setting让django知道从哪里找index.html

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['webview/dist'],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

⑦配置静态文件搜索路径，即css+js在哪

STATICFILES_DIRS = [             ## 添加静态文件路径
    os.path.join(BASE_DIR, "webview/dist/static"),
]

3、开发环境配置

因为使用了Django作为后端，每次修改了前端之后都要重新构建。除了使用Django作为后端，还可以在dist目录下面运行以下命令(即: http server)来看效果：

hs

但是问题依然没有解决，我想过检测文件变化来自动构建，但是构建是秒级的，太慢了，所以我直接使用Vue.js的开发环境来调试。

npm run dev

毫秒级，但是有个新问题，使用Vue.js的开发环境脱离了Django环境，访问Django写的API，出现了跨域问题，有两种方法解决，一种是在Vue.js层上做转发（proxyTable），另一种是在Django层注入header，这里我使用后者，用Django的第三方包 django-cors-headers 来解决跨域问题。

进入虚拟环境安装

pip install django-cors-headers

配置setting.py

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'corsheaders.middleware.CorsMiddleware', #加这一句
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

settings.py 添加

CORS_ORIGIN_ALLOW_ALL = True

4、额外说明

① 导入mysql

import pymysql
pymysql.install_as_MySQLdb()

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'WeiboAnalysisSystem',
        'USER': 'root',
        'PASSWORD': 'Aa123hsp.',
        'HOST': '139.199.4.56'
    }
}

② django和数据库打交道

migrate负责应用和取消应用迁移。

makemigrations负责根据您对模型所做的更改创建新的迁移。

sqlmigrate显示迁移的SQL语句。

showmigrations列出项目的迁移及其状态。

至此，开发环境就搭建完成了。

2、若是直接运行本系统，运行环境安装如下：

1、本系统运行环境安装说明：

①python环境，官网下载安装python3.6.3|Aanconda版

②安装python的virtualenv虚拟环境

pip install virtualenv

③ 安装virtualenvrapper方便进入虚拟环境，因为直接用virtualenv进入太麻烦了

pip install virtualenvrapper-win

④ 接着安装虚拟环境：

mkvirtualenv weibo-analysis-system

这里解释一下virtualenvrapper的命令：

创建基本环境：mkvirtualenv [环境名]

删除环境：rmvirtualenv [环境名]

激活环境：workon [环境名]

退出环境：deactivate

列出所有环境：workon 或者 lsvirtualenv -b

⑤ 进入python虚拟环境

workon weibo-analysis-system

⑥进入本系统的文件夹weibo-analysis-system，可以看到有个requirements.txt文件夹，在该文件夹打开cmd使用如下命令即可安装所有python依赖

pip install -r requirements

⑦vue环境：官网下载npm安装最新版、官网下载安装node v8.9.3

⑧进入本系统的文件夹weibo-analysis-system/webview，使用如下命令即可安装所有vue依赖包

npm install

也可一个个安装，依赖包如下：

"axios": "^0.18.0",
"echarts": "^4.2.1",
"element-ui": "^2.7.2",
"lib-flexible": "^0.3.2",
"px2rem-loader": "^0.1.9",
"qs": "^6.7.0",
"v-charts": "^1.19.0",
"vue": "^2.5.2",
"vue-photo-preview": "^1.1.3",
"vue-router": "^3.0.1",
"vuex": "^3.1.0"

至此所有环境安装完成！

4、程序运行教程：

①在weibo-analysis-system下打开cmd运行虚拟环境：

workon weibo-analysis-system

②启动Django,可在localhost:8000查看

python manage.py runserver

③在weibo-analysis-system/scrapydserver下打开新的cmd，再次进入虚拟环境，启动持续爬虫服务器

workon weibo-analysis-system
scrapyd

④在weibo-analysis-system/webview下执行如下命令启动vue

npm run start

至此本程序即可正常运行！

6.4 KiB Raw Permalink Blame History Unescape Escape