From 97d1aae64f65856ea8319e078b033844e9ad79f1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E6=9C=88=E9=A6=A8?= <1600095625@qq.com> Date: Thu, 18 Mar 2021 21:06:26 +0800 Subject: [PATCH 1/4] =?UTF-8?q?=E5=89=8D=E5=8F=B0=E5=92=8C=E5=90=8E?= =?UTF-8?q?=E5=8F=B0=E5=92=8CHTML=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../blog/base.css" | 61 ++++++++++++++ .../blog/bg_base.css" | 67 +++++++++++++++ .../blog/css/base.css" | 23 ++++++ .../blog/css/bottom.css" | 38 +++++++++ .../blog/css/detail_base.css" | 20 +++++ .../blog/css/detail_bottom.css" | 36 ++++++++ .../blog/css/detail_navigation.css" | 23 ++++++ .../blog/css/detail_top.css" | 12 +++ .../blog/css/navigation.css" | 23 ++++++ .../blog/css/top.css" | 11 +++ ...\350\257\246\346\203\205\351\241\265.html" | 53 ++++++++++++ .../\351\246\226\351\241\265.html" | 82 +++++++++++++++++++ ...\350\257\246\346\203\205\351\241\265.html" | 61 ++++++++++++++ ...\345\217\260\351\246\226\351\241\265.html" | 62 ++++++++++++++ 14 files changed, 572 insertions(+) create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/bg_base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/css/base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/css/bottom.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/css/detail_base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/css/detail_bottom.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/css/detail_navigation.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/css/detail_top.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/css/navigation.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/css/top.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/\345\211\215\345\217\260/\350\257\246\346\203\205\351\241\265.html" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/\345\211\215\345\217\260/\351\246\226\351\241\265.html" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" create mode 100644 "\347\216\213\346\234\210\351\246\250/blog/\345\220\216\345\217\260\351\246\226\351\241\265.html" diff --git "a/\347\216\213\346\234\210\351\246\250/blog/base.css" "b/\347\216\213\346\234\210\351\246\250/blog/base.css" new file mode 100644 index 00000000..44f1a898 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/base.css" @@ -0,0 +1,61 @@ +*{ + margin: 0px; + padding: 0px; +} +body{ + font-size: 1rem; + color: #6B6B6B; +} +a{ + text-decoration: none; + color: #336CAF; +} +a:hover{ + color: lightblue; +} +ul li{ + list-style-type: none; +} +#top{ + width: 100%; + height: 60px; + background-color: #336CAF; +} +#top h1{ + width: 225px; + color: white; + background-color: #2E5F9A; + font-size: 1rem; + height: 60; + line-height: 60px; + padding-left: 15px; + float: left; +} +#top #welcome { + float: right; + padding: 15px 0px 10px 0px; +} +#left{ + width: 204px; + position: fixed; + border-right: 1px solid #CDCDCD; + padding: 20px 18px; +} +#left ul { + margin-left: 10px; + line-height: 30px; +} +#right{ + float: left; + padding-left: 260px; + padding-top: 22px; + font-size: 14px; +} +#right #right_continer { + padding-bottom: 25px; +} +#right #table tr td{ + width: 100px; + height: 40px; + text-align: center; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/blog/bg_base.css" "b/\347\216\213\346\234\210\351\246\250/blog/bg_base.css" new file mode 100644 index 00000000..1c034b32 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/bg_base.css" @@ -0,0 +1,67 @@ +*{ + margin: 0px; + padding: 0px; +} +body{ + font-size: 1rem; + color: #6B6B6B; +} +a{ + text-decoration: none; + color: #336CAF; +} +a:hover{ + color: lightblue; +} +ul li{ + list-style-type: none; +} +#top{ + width: 100%; + height: 60px; + background-color: #336CAF; +} +#top h1{ + width: 225px; + color: white; + background-color: #2E5F9A; + font-size: 1rem; + height: 60; + line-height: 60px; + padding-left: 15px; + float: left; +} +#top #welcome { + float: right; + padding: 15px 0px 10px 0px; +} +#left{ + width: 204px; + position: fixed; + border-right: 1px solid #CDCDCD; + padding: 20px 18px; +} +#left ul { + margin-left: 10px; + line-height: 30px; +} +#right{ + float: left; + padding-left: 260px; + padding-top: 22px; + font-size: 14px; +} +#right #right_continer { + padding-bottom: 20px; +} +#right #right_continer table tr td{ + padding-top:5px; +} +#right #right_continer table tr td.add{ + padding-left:1000px; +} +#right #table tr td{ + width: 150px; + height: 40px; + text-align: center; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/blog/css/base.css" "b/\347\216\213\346\234\210\351\246\250/blog/css/base.css" new file mode 100644 index 00000000..c9f4ab0f --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/css/base.css" @@ -0,0 +1,23 @@ +@charset "utf-8"; +/* CSS Document */ + +*{ + margin:0px auto; + padding:0px;} + +body{ + background-color:#CCCCCC;} + + +a:hover{ + position:relative; + bottom:1px; + right:1px; +} +.a{ + color:#000; + text-decoration:none; + padding-left:610px;} + #fenye{ + margin-top:30px; + padding-left:250px;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/blog/css/bottom.css" "b/\347\216\213\346\234\210\351\246\250/blog/css/bottom.css" new file mode 100644 index 00000000..23a596a6 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/css/bottom.css" @@ -0,0 +1,38 @@ +@charset "utf-8"; +/* CSS Document */ + +#bottom{ + width:800px; + height:550px; + background-color:#FFF;} + + .vue_bottom{ + border-bottom:1px solid #000; + } + + #bottom h1{ + font-size:24px; + padding-left:33px; + color:#51432f; + padding-top:15px;} + #bottom #vue{ width:750px; + height:550px;} + #bottom #vue ul{ + padding-left:200px; + margin-top:-22px;} + /**/ + #bottom #vue p{ + padding-left:33px;} + + .button{ + margin-left:30px; + background-color:#FAF7F5; + color:#977C57; + border-bottom-color:#EEE8E1; + font-size:18px; + margin-top:10px;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/blog/css/detail_base.css" "b/\347\216\213\346\234\210\351\246\250/blog/css/detail_base.css" new file mode 100644 index 00000000..0faec7a5 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/css/detail_base.css" @@ -0,0 +1,20 @@ +@charset "utf-8"; +/* CSS Document */ + +*{ + margin:0px auto; + padding:0px;} + +body{ + background-color:#CCCCCC;} + + +a:hover{ + position:relative; + bottom:1px; + right:1px; +} +.a{ + color:#000; + text-decoration:none; + padding-left:610px;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/blog/css/detail_bottom.css" "b/\347\216\213\346\234\210\351\246\250/blog/css/detail_bottom.css" new file mode 100644 index 00000000..883053e4 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/css/detail_bottom.css" @@ -0,0 +1,36 @@ +@charset "utf-8"; +/* CSS Document */ + + +#bottom{ + width:800px; + height:600px; + background-color:#FFF; + } +.vue_bottom{ + border-bottom:1px solid #000; + } +#bottom h1{ + font-size:24px; + padding-left:33px; + color:#51432f; + padding-top:15px; + } +#bottom #vue{ width:750px; + height:550px; + } +#bottom #vue ul{ + padding-left:200px; + margin-top:-22px; + } +#bottom #t1 { + width: 204px; + position: fixed; + border-right: 1px solid #CDCDCD; + padding: 20px 18px; + } +#bottom #t1 ul li{ + margin-left: 10px; + line-height: 30px; + list-style-type: none; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/blog/css/detail_navigation.css" "b/\347\216\213\346\234\210\351\246\250/blog/css/detail_navigation.css" new file mode 100644 index 00000000..caff1ceb --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/css/detail_navigation.css" @@ -0,0 +1,23 @@ +@charset "utf-8"; +/* CSS Document */ + +#navigation{ + width:800px; + height:40px; + background-color:#988060; + } +#navigation #liks ul li { + float:left; + width:100px; + height:20px; + margin-top:10px; + text-align:center; + list-style-type:none; + +} +#navigation #liks ul li a{ + text-decoration:none; + color:#FFFFFF;} + +#navigation #liks ul li a:hover{ + color:#E7FAA9;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/blog/css/detail_top.css" "b/\347\216\213\346\234\210\351\246\250/blog/css/detail_top.css" new file mode 100644 index 00000000..1a561a28 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/css/detail_top.css" @@ -0,0 +1,12 @@ +@charset "utf-8"; +/* CSS Document */ + +#top{ + width:800px; + height:180px; + background-color:#8AB84B;} +#top h1{ font-size:64px; +padding-top:40px; +padding-left:100px;} +#top ul li {list-style-type:none; +padding-left:250px;} diff --git "a/\347\216\213\346\234\210\351\246\250/blog/css/navigation.css" "b/\347\216\213\346\234\210\351\246\250/blog/css/navigation.css" new file mode 100644 index 00000000..caff1ceb --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/css/navigation.css" @@ -0,0 +1,23 @@ +@charset "utf-8"; +/* CSS Document */ + +#navigation{ + width:800px; + height:40px; + background-color:#988060; + } +#navigation #liks ul li { + float:left; + width:100px; + height:20px; + margin-top:10px; + text-align:center; + list-style-type:none; + +} +#navigation #liks ul li a{ + text-decoration:none; + color:#FFFFFF;} + +#navigation #liks ul li a:hover{ + color:#E7FAA9;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/blog/css/top.css" "b/\347\216\213\346\234\210\351\246\250/blog/css/top.css" new file mode 100644 index 00000000..7c5c446c --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/css/top.css" @@ -0,0 +1,11 @@ +@charset "utf-8"; +/* CSS Document */ +#top{ + width:800px; + height:180px; + background-color:#8AB84B;} +#top h1{ font-size:64px; +padding-top:40px; +padding-left:100px;} +#top ul li {list-style-type:none; +padding-left:250px;} diff --git "a/\347\216\213\346\234\210\351\246\250/blog/\345\211\215\345\217\260/\350\257\246\346\203\205\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/blog/\345\211\215\345\217\260/\350\257\246\346\203\205\351\241\265.html" new file mode 100644 index 00000000..8b74c651 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/\345\211\215\345\217\260/\350\257\246\346\203\205\351\241\265.html" @@ -0,0 +1,53 @@ + + + + +详情页 + + + + + + + +
+
+

非常日记

+ +
+ +
+
+
+

vue入门介绍

+ +
    2021-03-16 16:41
+
+ +

1.Vue 2.x 框架的常用点(模板语法, 条件渲染, 列表渲染)简介Vue的Hello Word应用模板语法, v-bind属性绑定, 事件绑定条件渲染, 列表渲染, Class与Style的绑定 +

+

2.Vue 2.x 核心技术(vue-router, vuex),Vue-cli工具, Vue代码规范,Vue组件的调试方法,Vue-router, vuex

+

3.集成Vue2.x介绍workflow工作流单页面Demo(动态表单,列表动态展示)使用Cli工具,开发常见的应用组件

+

计算属性与监听器计算属性: computed数据联动, 当计算属性中的所有的数据均发生变化的时候,响应此方法.能监听多个变量,但是该变量必须是在Vue中的实例里.

+

新建项目近些年前端开发快速发展,现在学习前端已经不像以前那样仅仅学习一个语法就可以了,它已经是一门编程技术了,它们有自己独立的类似Main函数的入口,有像MVC一样规范好的层次结构,有自己的开发工具可以发布打包程序,甚至还可以独立连接数据库,当然了,优点与缺点共存,不能向其他语言那样断点调试导致了,它的脉络更难被捕捉,犹如远古时代的代码开发一样,但它还是已经可以称为一门编程技术了,所以学习一门前端开发,已经是一件非常有意义的事儿了。

+

注:输入【npm i vue -g】下载vue时,尽量使用-g,因为vue的文件中有一些文件是可以vue开头的命令行的,因为-g是下载到环境变量配置的Path地址,所以如果下载到这里,那么vue开头的命令就可以在cmd窗口中直接使用了,不然还需要重新配置环境变量,添加当前下载目录。

+

注:输入vue init webpack my-project后,不要切换窗口,一直回车,就可以创建成了,如果切换窗口了,切换回当前cmd窗口后,回车有时候无法直接输入,需要操作下才能输入,比如先按一下个上下左右键。

+

刚刚安装的VSCode需要禁用JS-CS-HTML Formatter插件,不然保存代码时会自动格式化了,然后html代码全乱了通过VisualStudioCode将新建的项目打开。禁用方法: ctrl+shift+X 调出扩展,搜索 JS-CS-HTML Formatter ,然后禁用,然后重启。

+
+
+ wyx@2021 非常日记 +
+ + + diff --git "a/\347\216\213\346\234\210\351\246\250/blog/\345\211\215\345\217\260/\351\246\226\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/blog/\345\211\215\345\217\260/\351\246\226\351\241\265.html" new file mode 100644 index 00000000..7d131393 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/\345\211\215\345\217\260/\351\246\226\351\241\265.html" @@ -0,0 +1,82 @@ + + + + +首页 + + + + + + + +
+
+

非常日记

+ +
+ +
+
+
+

vue入门介绍

+ +
    2021-03-16 16:41
+
+ +

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 +

+ + +
+
+

vue入门介绍

+ +
    2021-03-16 15:41
+
+ +

尝试 Vue.js 最简单的方法是使用 Hello World 例子。你可以在浏览器新标签页中打开它,跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件,然后通过如下方式引入 Vue:用提供驱动。 +

+
+
+
+

vue入门介绍

+ +
    2021-03-16 17:41
+
+ +

官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发,将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧!之前有其它框架的使用经验会有帮助,但这不是必需的。用提供驱动。 +

+
+
+ + + + + + + + + + +
+ +
+
+ wyx@2021 非常日记 +
+ + + + diff --git "a/\347\216\213\346\234\210\351\246\250/blog/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/blog/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" new file mode 100644 index 00000000..dfe302dd --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" @@ -0,0 +1,61 @@ + + + + + 后台详情页 + + + +
+
+

博客管理系统

+
欢迎你:admin 退出登录
+
+
+ +
+ +
+ + diff --git "a/\347\216\213\346\234\210\351\246\250/blog/\345\220\216\345\217\260\351\246\226\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/blog/\345\220\216\345\217\260\351\246\226\351\241\265.html" new file mode 100644 index 00000000..7a249f8c --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/blog/\345\220\216\345\217\260\351\246\226\351\241\265.html" @@ -0,0 +1,62 @@ + + + + + + 后台详情页 + + +
+
+

博客管理系统

+
欢迎你:admin 退出登录
+
+
+ +
+ +
+ + + -- Gitee From 6aaed819032edf93a4afce462437fec4bab711d5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E6=9C=88=E9=A6=A8?= <1600095625@qq.com> Date: Fri, 19 Mar 2021 11:24:08 +0800 Subject: [PATCH 2/4] =?UTF-8?q?html=E7=9A=84=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20210319/blog/base.css" | 99 +++++++++++++++++++ .../20210319/blog/bg_base.css" | 76 ++++++++++++++ .../20210319/blog/css/base.css" | 23 +++++ .../20210319/blog/css/bottom.css" | 38 +++++++ .../20210319/blog/css/detail_base.css" | 20 ++++ .../20210319/blog/css/detail_bottom.css" | 39 ++++++++ .../20210319/blog/css/detail_navigation.css" | 23 +++++ .../20210319/blog/css/detail_top.css" | 12 +++ .../20210319/blog/css/navigation.css" | 23 +++++ .../20210319/blog/css/top.css" | 11 +++ ...\350\257\246\346\203\205\351\241\265.html" | 64 ++++++++++++ ...\345\217\260\351\246\226\351\241\265.html" | 62 ++++++++++++ ...\350\257\246\346\203\205\351\241\265.html" | 53 ++++++++++ .../blog/\351\246\226\351\241\265.html" | 82 +++++++++++++++ 14 files changed, 625 insertions(+) create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/bg_base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/css/base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/css/bottom.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_bottom.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_navigation.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_top.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/css/navigation.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/css/top.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/\345\220\216\345\217\260\351\246\226\351\241\265.html" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/\350\257\246\346\203\205\351\241\265.html" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210319/blog/\351\246\226\351\241\265.html" diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/base.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/base.css" new file mode 100644 index 00000000..6bdfe851 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/base.css" @@ -0,0 +1,99 @@ +*{ + margin: 0px; + padding: 0px; +} +body{ + font-size: 1rem; + color: #6B6B6B; +} +a{ + text-decoration: none; + color: #336CAF; +} +a:hover{ + color: lightblue; +} +#continer{ + min-width: 960px; +} +ul li{ + list-style-type: none; +} +#top{ + width: 100%; + height: 60px; + background-color: #336CAF; +} +#top h1{ + width: 225px; + color: white; + background-color: #2E5F9A; + font-size: 1rem; + height: 60; + line-height: 60px; + padding-left: 15px; + float: left; +} +#top #welcome { + float: right; + padding: 15px 0px 10px 0px; +} +#left{ + width: 204px; + position: fixed; + border-right: 1px solid #CDCDCD; + padding: 20px 18px; +} +#left ul { + margin-left: 10px; + line-height: 30px; +} +#right{ + float: left; + padding-left: 260px; + padding-top: 22px; + font-size: 14px; +} +#right #right_continer { + padding-bottom: 25px; +} +#right{ + width: 100%; +} +#right #table table{ + width: 900px; + border-collapse: collapse; + border: 1px solid #CDCDCD; +} +#right #table table input[type=text]{ + width: 300px; + height: 30px; + border: 1px solid #CDCDCD; + border-radius: 4px; +} +#table table tr td{ + padding: 10px; +} +#right #table table select{ + width: 300px; + height: 30px; + border: 1px solid #CDCDCD; + border-radius: 4px; + +} +#right #table table tr td:first-child{ + + text-align: right; +} +#table table textarea{ + width: 460px; + height: 230px; + border: 1px solid #CDCDCD; + border-radius: 4px; +} +#table table tr td input.btn{ + border: 1px solid #CDCDCD; + border-radius: 4px; + width: 48px; + height: 30px; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/bg_base.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/bg_base.css" new file mode 100644 index 00000000..63bac7bf --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/bg_base.css" @@ -0,0 +1,76 @@ +*{ + margin: 0px; + padding: 0px; +} +body{ + font-size: 1rem; + color: #6B6B6B; +} +a{ + text-decoration: none; + color: #336CAF; +} +a:hover{ + color: lightblue; +} +ul li{ + list-style-type: none; +} +#top{ + width: 100%; + height: 60px; + background-color: #336CAF; +} +#top h1{ + width: 225px; + color: white; + background-color: #2E5F9A; + font-size: 1rem; + height: 60; + line-height: 60px; + padding-left: 15px; + float: left; +} +#top #welcome { + float: right; + padding: 15px 0px 10px 0px; +} +#left{ + width: 204px; + position: fixed; + border-right: 1px solid #CDCDCD; + padding: 20px 18px; +} +#left ul { + margin-left: 10px; + line-height: 30px; +} +#right{ + float: left; + padding-left: 260px; + padding-top: 22px; + font-size: 14px; +} +#right #right_continer { + padding-bottom: 15px; +} +#right #right_continer table tr td{ + padding-top:5px; +} +#right #right_continer table tr td.add{ + padding-left:930px; +} +#right #table table{ + width: 100%; + text-align: center; +} +#right #table table tr td{ + line-height:40px; + +} +#right #right_continer table tr td input.btn{ + border: 1px solid #CDCDCD; + border-radius: 4px; + width: 48px; + height: 30px; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/css/base.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/base.css" new file mode 100644 index 00000000..c9f4ab0f --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/base.css" @@ -0,0 +1,23 @@ +@charset "utf-8"; +/* CSS Document */ + +*{ + margin:0px auto; + padding:0px;} + +body{ + background-color:#CCCCCC;} + + +a:hover{ + position:relative; + bottom:1px; + right:1px; +} +.a{ + color:#000; + text-decoration:none; + padding-left:610px;} + #fenye{ + margin-top:30px; + padding-left:250px;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/css/bottom.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/bottom.css" new file mode 100644 index 00000000..23a596a6 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/bottom.css" @@ -0,0 +1,38 @@ +@charset "utf-8"; +/* CSS Document */ + +#bottom{ + width:800px; + height:550px; + background-color:#FFF;} + + .vue_bottom{ + border-bottom:1px solid #000; + } + + #bottom h1{ + font-size:24px; + padding-left:33px; + color:#51432f; + padding-top:15px;} + #bottom #vue{ width:750px; + height:550px;} + #bottom #vue ul{ + padding-left:200px; + margin-top:-22px;} + /**/ + #bottom #vue p{ + padding-left:33px;} + + .button{ + margin-left:30px; + background-color:#FAF7F5; + color:#977C57; + border-bottom-color:#EEE8E1; + font-size:18px; + margin-top:10px;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_base.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_base.css" new file mode 100644 index 00000000..0faec7a5 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_base.css" @@ -0,0 +1,20 @@ +@charset "utf-8"; +/* CSS Document */ + +*{ + margin:0px auto; + padding:0px;} + +body{ + background-color:#CCCCCC;} + + +a:hover{ + position:relative; + bottom:1px; + right:1px; +} +.a{ + color:#000; + text-decoration:none; + padding-left:610px;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_bottom.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_bottom.css" new file mode 100644 index 00000000..cc097309 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_bottom.css" @@ -0,0 +1,39 @@ +@charset "utf-8"; +/* CSS Document */ + + +#bottom{ + width:800px; + height:600px; + background-color:#FFF; + } +.vue_bottom{ + border-bottom:1px solid #000; + } +#bottom h1{ + font-size:24px; + padding-left:33px; + color:#51432f; + padding-top:15px; + } +#bottom #vue{ width:750px; + height:550px; + } +#bottom #vue p{ + padding: 5px; +} +#bottom #vue ul{ + padding-left:200px; + margin-top:-22px; + } +#bottom #t1 { + width: 204px; + position: fixed; + border-right: 1px solid #CDCDCD; + padding: 20px 18px; + } +#bottom #t1 ul li{ + margin-left: 10px; + line-height: 30px; + list-style-type: none; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_navigation.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_navigation.css" new file mode 100644 index 00000000..caff1ceb --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_navigation.css" @@ -0,0 +1,23 @@ +@charset "utf-8"; +/* CSS Document */ + +#navigation{ + width:800px; + height:40px; + background-color:#988060; + } +#navigation #liks ul li { + float:left; + width:100px; + height:20px; + margin-top:10px; + text-align:center; + list-style-type:none; + +} +#navigation #liks ul li a{ + text-decoration:none; + color:#FFFFFF;} + +#navigation #liks ul li a:hover{ + color:#E7FAA9;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_top.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_top.css" new file mode 100644 index 00000000..1a561a28 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/detail_top.css" @@ -0,0 +1,12 @@ +@charset "utf-8"; +/* CSS Document */ + +#top{ + width:800px; + height:180px; + background-color:#8AB84B;} +#top h1{ font-size:64px; +padding-top:40px; +padding-left:100px;} +#top ul li {list-style-type:none; +padding-left:250px;} diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/css/navigation.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/navigation.css" new file mode 100644 index 00000000..caff1ceb --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/navigation.css" @@ -0,0 +1,23 @@ +@charset "utf-8"; +/* CSS Document */ + +#navigation{ + width:800px; + height:40px; + background-color:#988060; + } +#navigation #liks ul li { + float:left; + width:100px; + height:20px; + margin-top:10px; + text-align:center; + list-style-type:none; + +} +#navigation #liks ul li a{ + text-decoration:none; + color:#FFFFFF;} + +#navigation #liks ul li a:hover{ + color:#E7FAA9;} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/css/top.css" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/top.css" new file mode 100644 index 00000000..7c5c446c --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/css/top.css" @@ -0,0 +1,11 @@ +@charset "utf-8"; +/* CSS Document */ +#top{ + width:800px; + height:180px; + background-color:#8AB84B;} +#top h1{ font-size:64px; +padding-top:40px; +padding-left:100px;} +#top ul li {list-style-type:none; +padding-left:250px;} diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" new file mode 100644 index 00000000..b7a3772e --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" @@ -0,0 +1,64 @@ + + + + + 后台详情页 + + + +
+
+

博客管理系统

+
欢迎你:admin 退出登录
+
+
+ +
+ +
+ + diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/\345\220\216\345\217\260\351\246\226\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/\345\220\216\345\217\260\351\246\226\351\241\265.html" new file mode 100644 index 00000000..2536b5f3 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/\345\220\216\345\217\260\351\246\226\351\241\265.html" @@ -0,0 +1,62 @@ + + + + + + 后台详情页 + + +
+
+

博客管理系统

+
欢迎你:admin 退出登录
+
+
+ +
+ +
+ + + diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/\350\257\246\346\203\205\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/\350\257\246\346\203\205\351\241\265.html" new file mode 100644 index 00000000..8b74c651 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/\350\257\246\346\203\205\351\241\265.html" @@ -0,0 +1,53 @@ + + + + +详情页 + + + + + + + +
+
+

非常日记

+ +
+ +
+
+
+

vue入门介绍

+ +
    2021-03-16 16:41
+
+ +

1.Vue 2.x 框架的常用点(模板语法, 条件渲染, 列表渲染)简介Vue的Hello Word应用模板语法, v-bind属性绑定, 事件绑定条件渲染, 列表渲染, Class与Style的绑定 +

+

2.Vue 2.x 核心技术(vue-router, vuex),Vue-cli工具, Vue代码规范,Vue组件的调试方法,Vue-router, vuex

+

3.集成Vue2.x介绍workflow工作流单页面Demo(动态表单,列表动态展示)使用Cli工具,开发常见的应用组件

+

计算属性与监听器计算属性: computed数据联动, 当计算属性中的所有的数据均发生变化的时候,响应此方法.能监听多个变量,但是该变量必须是在Vue中的实例里.

+

新建项目近些年前端开发快速发展,现在学习前端已经不像以前那样仅仅学习一个语法就可以了,它已经是一门编程技术了,它们有自己独立的类似Main函数的入口,有像MVC一样规范好的层次结构,有自己的开发工具可以发布打包程序,甚至还可以独立连接数据库,当然了,优点与缺点共存,不能向其他语言那样断点调试导致了,它的脉络更难被捕捉,犹如远古时代的代码开发一样,但它还是已经可以称为一门编程技术了,所以学习一门前端开发,已经是一件非常有意义的事儿了。

+

注:输入【npm i vue -g】下载vue时,尽量使用-g,因为vue的文件中有一些文件是可以vue开头的命令行的,因为-g是下载到环境变量配置的Path地址,所以如果下载到这里,那么vue开头的命令就可以在cmd窗口中直接使用了,不然还需要重新配置环境变量,添加当前下载目录。

+

注:输入vue init webpack my-project后,不要切换窗口,一直回车,就可以创建成了,如果切换窗口了,切换回当前cmd窗口后,回车有时候无法直接输入,需要操作下才能输入,比如先按一下个上下左右键。

+

刚刚安装的VSCode需要禁用JS-CS-HTML Formatter插件,不然保存代码时会自动格式化了,然后html代码全乱了通过VisualStudioCode将新建的项目打开。禁用方法: ctrl+shift+X 调出扩展,搜索 JS-CS-HTML Formatter ,然后禁用,然后重启。

+
+
+ wyx@2021 非常日记 +
+ + + diff --git "a/\347\216\213\346\234\210\351\246\250/20210319/blog/\351\246\226\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/20210319/blog/\351\246\226\351\241\265.html" new file mode 100644 index 00000000..9454d32a --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210319/blog/\351\246\226\351\241\265.html" @@ -0,0 +1,82 @@ + + + + +首页 + + + + + + + +
+
+

非常日记

+ +
+ +
+
+
+

vue入门介绍

+ +
    2021-03-16 16:41
+
+ +

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 +

+ + +
+
+

vue入门介绍

+ +
    2021-03-16 15:41
+
+ +

尝试 Vue.js 最简单的方法是使用 Hello World 例子。你可以在浏览器新标签页中打开它,跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件,然后通过如下方式引入 Vue:用提供驱动。 +

+
+
+
+

vue入门介绍

+ +
    2021-03-16 17:41
+
+ +

官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发,将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧!之前有其它框架的使用经验会有帮助,但这不是必需的。用提供驱动。 +

+
+
+ + + + + + + + + + +
+ +
+
+ wyx@2021 非常日记 +
+ + + + -- Gitee From 69915d045d29e2cef0ee2e68c4e1f3b53b06b402 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E6=9C=88=E9=A6=A8?= <1600095625@qq.com> Date: Fri, 19 Mar 2021 11:25:34 +0800 Subject: [PATCH 3/4] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?= =?UTF-8?q?=E5=B0=8F=E7=BA=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\345\260\217\347\272\242/\347\254\224\350\256\260.txt" | 0 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 "\345\260\217\347\272\242/\347\254\224\350\256\260.txt" diff --git "a/\345\260\217\347\272\242/\347\254\224\350\256\260.txt" "b/\345\260\217\347\272\242/\347\254\224\350\256\260.txt" deleted file mode 100644 index e69de29b..00000000 -- Gitee From 6d8ec4ae112466187b0a17a24717e0741ae6d0cc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E6=9C=88=E9=A6=A8?= <1600095625@qq.com> Date: Thu, 25 Mar 2021 11:33:22 +0800 Subject: [PATCH 4/4] =?UTF-8?q?=E7=8E=8B=E6=9C=88=E9=A6=A8=E7=9A=842020032?= =?UTF-8?q?4=E4=BD=9C=E4=B8=9A=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20210324/blog.sql" | 61 +++++++++++ .../20210324/blogwyx/admin/article_add.php" | 92 ++++++++++++++++ .../blogwyx/admin/article_add_save.php" | 42 ++++++++ .../blogwyx/admin/article_delete.php" | 29 +++++ .../20210324/blogwyx/admin/article_edit.php" | 102 ++++++++++++++++++ .../blogwyx/admin/article_edit_save.php" | 37 +++++++ .../20210324/blogwyx/admin/article_list.php" | 92 ++++++++++++++++ .../20210324/blogwyx/admin/category_add.php" | 68 ++++++++++++ .../blogwyx/admin/category_add_save.php" | 34 ++++++ .../blogwyx/admin/category_delete.php" | 31 ++++++ .../20210324/blogwyx/admin/category_edit.php" | 82 ++++++++++++++ .../blogwyx/admin/category_edit_save.php" | 35 ++++++ .../20210324/blogwyx/admin/category_list.php" | 82 ++++++++++++++ .../20210324/blogwyx/admin/ui/base.css" | 100 +++++++++++++++++ .../20210324/blogwyx/admin/ui/bg_base.css" | 77 +++++++++++++ ...\350\257\246\346\203\205\351\241\265.html" | 64 +++++++++++ ...\345\217\260\351\246\226\351\241\265.html" | 63 +++++++++++ 17 files changed, 1091 insertions(+) create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blog.sql" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_add.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_add_save.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_delete.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_edit.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_edit_save.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_list.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_add.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_add_save.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_delete.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_edit.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_edit_save.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_list.php" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/bg_base.css" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" create mode 100644 "\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/\345\220\216\345\217\260\351\246\226\351\241\265.html" diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blog.sql" "b/\347\216\213\346\234\210\351\246\250/20210324/blog.sql" new file mode 100644 index 00000000..ab1e494d --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blog.sql" @@ -0,0 +1,61 @@ +/* +Navicat MySQL Data Transfer + +Source Server : localhost +Source Server Version : 50730 +Source Host : 127.0.0.1:3306 +Source Database : blog + +Target Server Type : MYSQL +Target Server Version : 50730 +File Encoding : 65001 + +Date: 2021-03-25 11:25:26 +*/ + +SET FOREIGN_KEY_CHECKS=0; + +-- ---------------------------- +-- Table structure for article +-- ---------------------------- +DROP TABLE IF EXISTS `article`; +CREATE TABLE `article` ( + `article_id` int(11) NOT NULL AUTO_INCREMENT COMMENT '文章Id', + `category_id` int(11) NOT NULL COMMENT '所属分类', + `article_title` varchar(45) NOT NULL COMMENT '标题', + `content` longtext NOT NULL COMMENT '文章内容', + `update_time` int(11) NOT NULL COMMENT '更新时间', + `add_time` int(11) NOT NULL COMMENT '增加时间', + `intro` varchar(255) NOT NULL COMMENT '文章简介', + PRIMARY KEY (`article_id`) +) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=utf8mb4 COMMENT='文章表'; + +-- ---------------------------- +-- Records of article +-- ---------------------------- +INSERT INTO `article` VALUES ('2', '1', 'css的入门知识', '', '1616639900', '1616639900', 'CSS 代码都是由一些最基本的语句构成的'); +INSERT INTO `article` VALUES ('3', '2', 'SQL的使用', '', '1616640054', '1616640054', '萨芬会破可接受的妇女节快乐'); +INSERT INTO `article` VALUES ('4', '2', 'SQL的使用', '', '1616640258', '1616640258', '萨芬会破可接受的妇女节快乐'); +INSERT INTO `article` VALUES ('5', '3', 'Java的学习', '', '1616640381', '1616640381', '喝一瓶退哦以后返回不用他们'); +INSERT INTO `article` VALUES ('6', '3', 'Java的学习', '大噶前后品牌i地方撒v爆发而', '1616640545', '1616640545', '吃点水果和脾气'); +INSERT INTO `article` VALUES ('7', '1', '7', '啊师傅惠普一体化u配成都商报沟通的衣服v股票【a-whn后', '1616642411', '1616641366', '打算购买破案绕迥票房达【 '); + +-- ---------------------------- +-- Table structure for category +-- ---------------------------- +DROP TABLE IF EXISTS `category`; +CREATE TABLE `category` ( + `category_id` int(10) unsigned NOT NULL AUTO_INCREMENT, + `category_name` varchar(45) NOT NULL COMMENT '分类名称', + `category_desc` varchar(255) NOT NULL COMMENT '分类描述', + `update_time` int(11) NOT NULL DEFAULT '0' COMMENT '记录更新时间', + `add_time` int(11) NOT NULL COMMENT '记录增加时间', + PRIMARY KEY (`category_id`) +) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8 COMMENT='分类表'; + +-- ---------------------------- +-- Records of category +-- ---------------------------- +INSERT INTO `category` VALUES ('1', 'html', '有关html的一些学习分享', '1616638572', '1616638572'); +INSERT INTO `category` VALUES ('2', '数据库', '用于一些数据的保存 ', '1616639304', '1616639304'); +INSERT INTO `category` VALUES ('3', 'PHP', '一门计算机语言', '1616639495', '1616639495'); diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_add.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_add.php" new file mode 100644 index 00000000..4b45a33a --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_add.php" @@ -0,0 +1,92 @@ +exec("set names utf8mb4 "); +$sql="select * from category order by category_id desc"; +$result=$db->query($sql); +$categoryList=$result->fetchAll(PDO::FETCH_ASSOC); +//北京时间 +date_default_timezone_set("PRC"); + +//var_dump($categoryList); +//exit(); +?> + + + + + 后台详情页 + + + +
+
+

博客管理系统

+ +
+
+ +
+ +
+ + + diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_add_save.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_add_save.php" new file mode 100644 index 00000000..99a6db42 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_add_save.php" @@ -0,0 +1,42 @@ +50){ + echo "文章标题限制5~50个字,请输入正确的数字"; + echo '返回上一页'; + exit(); +} +//中国是东八区 所以时间需要北京时间 +date_default_timezone_set("PRC"); +//保存到数据库 +$dsn="mysql:host=127.0.0.1;dbname=blog"; +$db=new PDO($dsn,"root","123456"); +//转换成文字 +$db->exec("set names utf8mb4 "); +//获取时间 +$addTime=time(); +$updateTime=$addTime; + +//sql语句 +$sql="insert into article (article_title,category_id,intro,content,add_time,update_time) + values ('$articleTitle','$categoryId','$intro','$content','$addTime','$updateTime')"; + +$result=$db->exec($sql); +//var_dump($db->errorInfo());查找出错误并打印出来 +if($result){ + echo "插入成功!"; + echo "返回列表页面"; +}else{ + echo "插入失败,请联系管理员!"; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_delete.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_delete.php" new file mode 100644 index 00000000..78c39e64 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_delete.php" @@ -0,0 +1,29 @@ +exec("set names utf8mb4 "); + + +//sql语句 +$sql="delete from article where article_id='$articleId'"; + +$result=$db->exec($sql); +//var_dump($db->errorInfo());//查找出错误并打印出来 +if($result){ + echo "删除成功!"; + echo "返回列表页面"; +}else{ + echo "删除失败,请联系管理员!110".$db->errorInfo()[2]; + echo "返回列表页面"; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_edit.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_edit.php" new file mode 100644 index 00000000..1a41acbd --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_edit.php" @@ -0,0 +1,102 @@ +exec("set names utf8mb4 "); +//查询分类 +$sql="select * from category order by category_id desc "; +$result=$db->query($sql); +$categoryList=$result->fetchAll(PDO::FETCH_ASSOC); +//查询文章 +$sql="select * from article where article_id='$articleId'"; +$result=$db->query($sql); +$articleList=$result->fetchAll(PDO::FETCH_ASSOC); + +//var_dump($category); +//exit(); +?> + + + + + 后台详情页 + + + +
+
+

博客管理系统

+ +
+
+ +
+ +
+ + \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_edit_save.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_edit_save.php" new file mode 100644 index 00000000..2c4cfbf4 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_edit_save.php" @@ -0,0 +1,37 @@ +exec("set names utf8mb4 "); +//获取时间 +$updateTime=time(); + +//sql语句 +$sql="update article set article_title='$articleId',category_id='$categoryId',intro='$intro', + content='$Content',update_time='$updateTime' + where article_id='$articleId'"; + +$result=$db->exec($sql); +//var_dump($db->errorInfo());//查找出错误并打印出来 +if($result){ + echo "编辑成功!"; + echo "返回文章页面"; +}else{ + echo "编辑失败,请联系管理员!".$db->errorInfo()[2]; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_list.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_list.php" new file mode 100644 index 00000000..e2eb994d --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/article_list.php" @@ -0,0 +1,92 @@ +exec("set names utf8mb4 "); + +$sql="select * from article order by article_id desc "; +$result=$db->query($sql); +$articleList=$result->fetchAll(PDO::FETCH_ASSOC); + +?> + + + + + 后台详情页 + + +
+
+

博客管理系统

+
欢迎你:admin 退出登录
+
+
+ +
+ +
+ + + diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_add.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_add.php" new file mode 100644 index 00000000..d03e729d --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_add.php" @@ -0,0 +1,68 @@ +exec("set names utf8mb4 "); +?> + + + + + 后台详情页 + + + +
+
+

博客管理系统

+
欢迎你:admin 退出登录
+
+
+ +
+ +
+ + diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_add_save.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_add_save.php" new file mode 100644 index 00000000..a95a88b9 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_add_save.php" @@ -0,0 +1,34 @@ +exec("set names utf8mb4 "); +//获取时间 +$addTime=time(); +$updateTime=$addTime; + +//sql语句 +$sql="insert into category (category_name,category_desc,add_time,update_time) + values ('$categoryName','$categoryDesc','$addTime','$updateTime')"; +$result=$db->exec($sql); +//var_dump($db->errorInfo());查找出错误并打印出来 +if($result){ + echo "插入成功!"; + echo "返回列表页面"; +}else{ + echo "插入失败,请联系管理员!".$db->errorInfo(); +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_delete.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_delete.php" new file mode 100644 index 00000000..16e377f6 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_delete.php" @@ -0,0 +1,31 @@ +exec("set names utf8mb4 "); + + +//sql语句 +$sql="delete from category where category_id='$categoryId'"; + +$result=$db->exec($sql); +//var_dump($db->errorInfo());//查找出错误并打印出来 +if($result){ + echo "删除成功!"; + echo "返回列表页面"; +}else{ + echo "删除失败,请联系管理员!".$db->errorInfo()[2]; + echo "返回列表页面"; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_edit.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_edit.php" new file mode 100644 index 00000000..9fc4f0c2 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_edit.php" @@ -0,0 +1,82 @@ +exec("set names utf8mb4 "); + +$sql="select * from category where category_id='$categoryId'"; +$result=$db->query($sql); +$category=$result->fetch(PDO::FETCH_ASSOC); + +//var_dump($category); +//exit(); +?> + + + + + 后台详情页 + + + +
+
+

博客管理系统

+
+
+ +
+ +
+ + + diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_edit_save.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_edit_save.php" new file mode 100644 index 00000000..a757049f --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_edit_save.php" @@ -0,0 +1,35 @@ +exec("set names utf8mb4 "); +//获取时间 +$updateTime=time(); + +//sql语句 +$sql="update category set category_name='$categoryName',category_desc='$categoryDesc',update_time='$updateTime' + where category_id='$categoryId'"; + +$result=$db->exec($sql); +var_dump($db->errorInfo());//查找出错误并打印出来 +if($result){ + echo "修改成功!"; + echo "返回列表页面"; +}else{ + echo "修改失败,请联系管理员!".$db->errorInfo()[2]; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_list.php" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_list.php" new file mode 100644 index 00000000..2f96da9e --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/category_list.php" @@ -0,0 +1,82 @@ +exec("set names utf8mb4 "); +$result=$db->query($sql); +$categoryList=$result->fetchAll(PDO::FETCH_ASSOC); +//北京时间 +date_default_timezone_set("PRC"); +?> + + + + + + 后台详情页 + + +
+
+

博客管理系统

+
欢迎你:admin 退出登录
+
+
+ +
+ +
+ + + diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/base.css" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/base.css" new file mode 100644 index 00000000..5fac5d9e --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/base.css" @@ -0,0 +1,100 @@ +*{ + margin: 0px; + padding: 0px; +} +body{ + font-size: 1rem; + color: #6B6B6B; +} +a{ + text-decoration: none; + color: #336CAF; +} +a:hover{ + color: lightblue; +} +#container{ + min-width: 960px; +} +ul li{ + list-style-type: none; +} +#top{ + width: 100%; + height: 60px; + background-color: #336CAF; +} +#top h1{ + width: 225px; + color: white; + background-color: #2E5F9A; + font-size: 1rem; + height: 60; + line-height: 60px; + padding-left: 15px; + float: left; +} +#top #welcome { + float: right; + padding: 15px 0px 10px 0px; +} +#left{ + width: 204px; + position: fixed; + border-right: 1px solid #CDCDCD; + padding: 20px 18px; +} +#left ul { + margin-left: 10px; + line-height: 30px; +} +#right{ + float: left; + padding-left: 260px; + padding-top: 22px; + font-size: 14px; +} +#right #right_container { + padding-bottom: 25px; +} + +#right{ + width: 100%; +} +#right #table table{ + width: 900px; + border-collapse: collapse; + border: 1px solid #CDCDCD; +} +#right #table table input[type=text]{ + width: 300px; + height: 30px; + border: 1px solid #CDCDCD; + border-radius: 4px; +} +#table table tr td{ + padding: 10px; +} +#right #table table select{ + width: 300px; + height: 30px; + border: 1px solid #CDCDCD; + border-radius: 4px; + +} +#right #table table tr td:first-child{ + + text-align: right; +} +#table table textarea{ + width: 460px; + height: 230px; + border: 1px solid #CDCDCD; + border-radius: 4px; +} +#table table tr td input.btn{ + border: 1px solid #CDCDCD; + border-radius: 4px; + width: 48px; + height: 30px; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/bg_base.css" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/bg_base.css" new file mode 100644 index 00000000..ccc1a508 --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/bg_base.css" @@ -0,0 +1,77 @@ +*{ + margin: 0px; + padding: 0px; +} +body{ + font-size: 1rem; + color: #6B6B6B; +} +a{ + text-decoration: none; + color: #336CAF; +} +a:hover{ + color: lightblue; +} +ul li{ + list-style-type: none; +} +#top{ + width: 100%; + height: 60px; + background-color: #336CAF; +} +#top h1{ + width: 225px; + color: white; + background-color: #2E5F9A; + font-size: 1rem; + height: 60; + line-height: 60px; + padding-left: 15px; + float: left; +} +#top #welcome { + float: right; + padding: 15px 0px 10px 0px; +} +#left{ + width: 204px; + position: fixed; + border-right: 1px solid #CDCDCD; + padding: 20px 18px; +} +#left ul { + margin-left: 10px; + line-height: 30px; +} +#right{ + float: left; + padding-left: 260px; + padding-top: 22px; + font-size: 14px; +} +#right #right_container { + padding-bottom: 15px; +} +#right #right_container #button ul li{ + padding-top:5px; +} + +#right #right_container #button ul li.add{ + padding-left:1100px; +} +#right #table table{ + width: 100%; + text-align: center; +} +#right #table table tr td{ + line-height:40px; + +} +#right #right_container table tr td input.btn{ + border: 1px solid #CDCDCD; + border-radius: 4px; + width: 48px; + height: 30px; +} \ No newline at end of file diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" new file mode 100644 index 00000000..aa3b863b --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/\345\220\216\345\217\260\350\257\246\346\203\205\351\241\265.html" @@ -0,0 +1,64 @@ + + + + + 后台详情页 + + + +
+
+

博客管理系统

+
欢迎你:admin 退出登录
+
+
+ +
+ +
+ + diff --git "a/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/\345\220\216\345\217\260\351\246\226\351\241\265.html" "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/\345\220\216\345\217\260\351\246\226\351\241\265.html" new file mode 100644 index 00000000..c7f3672c --- /dev/null +++ "b/\347\216\213\346\234\210\351\246\250/20210324/blogwyx/admin/ui/\345\220\216\345\217\260\351\246\226\351\241\265.html" @@ -0,0 +1,63 @@ + + + + + + 后台详情页 + + +
+
+

博客管理系统

+
欢迎你:admin 退出登录
+
+
+ +
+ +
+ + + -- Gitee