美文网首页
我不知道

我不知道

作者: Howie_fb64 | 来源:发表于2019-12-18 22:10 被阅读0次

# vue-cli构建单页面应用(个人博客)

--------------------------

**[项目地址]:(http://www.howiew.com)** 

### 1、vue-cli简介与安装使用

>vue-cli是vue.js基于Node所打造的vue脚手架工程。其主要使用的技术为webpack+vue

$ npm install -g vue-cli  //全局安装vue-cli

$ vue init webpack my-project  //创建一个自己的vue项目

$ cd my-project  //进入文件夹

$ npm install  //安装相关依赖包

$ npm run dev  //以开发模式运行该项目

### 2、vue-cli项目结构介绍(vue-cli版本为2.x)

----------------------------------------

### 3、使用vue-cli构建网站

### 3.1将完成的页面进行区域划分,分别构建vue组件   

--------------------------------

### 3.2完成网站的数据库设计(mysql)

>本站点由于将要采用畅言的评论系统,因此数据库表仅仅只有三张 

>>1 用户信息表 

>>>

-- 用户信息表

CREATE TABLE user(

user_id int primary key auto_increment,#用户注册ID

user_login varchar(16),#用户注册登录名

user_password varchar(16),#用户注册密码

user_name varchar(16),#注册用户姓名

user_sex varchar(5),#注册用户性别

user_age int(8),#注册用户年龄

user_level varchar(16)#用户级别

); 

>>2 文章分类表 

>>>

-- 文章类型表

CREATE TABLE articleType(

articleType_id int primary key auto_increment,

articleType_name varchar(10)

); 

>>3 文章信息表 

>>>

-- 文章信息表

CREATE TABLE articles(

aritcle_id smallint(5) primary key auto_increment,#文章ID

article_title varchar(30),#文章标题

article_url varchar(255),#文章MD的url

article_keyword varchar(255),#文章的关键字

article_time Datetime,#文章的创建时间

article_typeid int,#外键:文章类型

article_up tinyint(3) DEFAULT 0,#是否置顶:0为否,1为是

article_support tinyint(3) DEFAULT 0,#博主是否推荐:0为否,1位是

constraint FK_article_typeid foreign key(article_typeid) references articleType(articleType_id)#通过外键创建连接

); 

>>4 相关信息的初始化(谁边弄点用于测试的)

>>>

-- 管理员信息初始化

INSERT user(

user_login,

user_password,

user_name,

user_sex,

user_age,

user_level

) VALUES ("howie","wangshuang","汪浩宇","MAN","26","9"); 

>>>

-- 文章类型信息表

INSERT articleType(articleType_name) VALUES

("杂谈"),

("美丽生活"),

("前端开发"); 

>>>

-- 文章信息初始化

INSERT articles(

article_title,

article_url,

article_keyword,

article_time,

article_up,

article_support

) VALUES

("this is first article","www.baidu.com","baidu","20111111","0","0"),

("this is second article","www.tmall.com","baidu","20111111","0","0"),

("this is third article","www.kekeke.com","baidu","20111111","0","0"),

("this is four article","www.aiqiyi.com","baidu","20111111","0","0"),

("this is five article","www.dajie.com","baidu","20111111","0","0"),

("this is six article","www.niubi.com","baidu","20111111","0","0"),

("this is seven article","www.qidian.com","baidu","20111111","0","0"),

("this is eight article","www.weiruan.com","baidu","20111111","0","0"),

("this is nine article","www.shands.com","baidu","20111111","0","0"); 

>>5 下面是数据库查询建表情况的截图 

>>>###<center>数据库表列表</center>

>![blog_tablses](https://i.imgur.com/yHXGw1q.png)

>

>>>###<center>用户表</center>

>![blog_user](https://i.imgur.com/y1M5sfb.png)

>

>>>###<center>文章分类信息表</center>

>![blog_articleType](https://i.imgur.com/yaV6tO2.png) 

>

>>>###<center>文章信息表</center> 

>>>![blog_articles](https://i.imgur.com/LvFd2vj.png)

--------------------------------

### 3.3完成网站的后端设计(koa)

--------------------------------

相关文章

  • 我不知道我不知道

    时刻保持我不知道我不知道状态! 我们永远不知道一个看不惯的人,或者伤害我们的人在他的生命中发生了什么? 即便这样有...

  • 我不知道我不知道

    我看见一堵斑驳青砖垒起的墙, 只有太阳才能跨越。 我看见一只冬夜挑着灯笼行走的狐狸, 点燃了积雪覆盖的草房。 我看...

  • 我不知道我的不知道

    9月8号,来郑州驿站学习了《情绪管理》课程,之前觉得自己对情绪已经能够觉察,并且有情绪时也是能够去表达出来的,但是...

  • 我不知道我不知道的

    听完黄执中关于辩论的演讲,听到一句:我不知道我不知道的,很震撼。 黄执中很喜欢问一个问题,为什么是桌子? 对喔,什...

  • 我不知道啊!我不知道!

    周末参加朋友的婚礼,开车过骈的路上有点小堵,所以当我到达会场的时候,离婚礼开始只剩下20分钟了。 匆忙进入会场,本...

  • 我不知道我不知道什么

    每天都让自己写点什么,是我给自己布置的“刻意练习”,想将自己调频至一个不断扫描搜索的雷达式学习模式,我相信一段时日...

  • 我不知道,不知道

    我不知道为什么你总把我当外人,也不知道为什么你总是欲言又止 我不知道爱你这么难,也不知道还能不能继续爱你 我不知道...

  • 我不知道我

    昨天晚上,决定清明节和发小去北京玩。可能对于你们来说这没什么好大惊小怪的,但对我来说,真是太不容易了。 我。吉林大...

  • 我不知道我

    我知道了我,我就不是原来那个我了,我真的是很难知的。 心理疗愈的过程就是一个知道自己的过程。昨天我在提问时,居然说...

  • 我不知道,我什么都不知道

    我不知道 我什么都不知道 我不知道看到的 这一切镜像 我其实并不真的认识 只是自以为是的标注收场 天高地厚的背后 ...

网友评论

      本文标题:我不知道

      本文链接:https://www.haomeiwen.com/subject/ealqgctx.html