前往小程序，Get更优阅读体验！
立即前往
文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP最新优惠活动
返回腾讯云官网
社区首页 >专栏 >Linux系统之部署ToDoList任务管理工具

Linux系统之部署ToDoList任务管理工具

原创
作者头像
江湖有缘
发布于 2024-01-16 20:00:48
4820
发布于 2024-01-16 20:00:48
举报
文章被收录于专栏：Linux成长之路Linux成长之路

一、ToDoList介绍

1.1 ToDoList简介

ToDoList，一个使用 HTML、CSS、Vanilla JavaScript 构建的动态且美观的待办事项列表网站。

1.2 ToDoList特点

  • 用户友好: ToDoList应用程序应该有一个直观且易于使用的用户界面，使用户能够轻松添加、编辑和删除任务。
  • 支持本地存储: ToDoList应用程序应该支持将任务保存到本地设备，以便用户可以在没有互联网连接的情况下访问和管理任务。
  • 显示当前日期和时间: ToDoList应用程序应该显示当前日期和时间，以帮助用户跟踪任务的截止日期和时间。
  • 在所有设备上响应: ToDoList应用程序应该是响应式的，可以在不同的设备和屏幕尺寸上正确显示和操作。
  • 主题选择: ToDoList应用程序应该提供不同的主题选择，让用户可以根据自己的喜好和风格进行个性化设置。

1.3 ToDoList使用场景

  • 个人备忘录
  • 个人简单任务管理
  • 个人轻量级笔记本
  • 个人本地工具库的一员

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境，操作系统版本为centos7.6。

hostname

本地P地址

操作系统版本

内核版本

node版本

jeven

192.168.3.166

centos 7.6

3.10.0-957.el7.x86_64

——

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境；

2.在centos7.6环境下部署ToDoList任务管理工具。

三、检查本地环境

3.1 检查本地操作系统版本

检查本地操作系统版本，当前版本为centos 7.6。

代码语言：bash
复制
[root@jeven ~]# cat /etc/os-release
NAME="CentOS Linux"
VERSION="7 (Core)"
ID="centos"
ID_LIKE="rhel fedora"
VERSION_ID="7"
PRETTY_NAME="CentOS Linux 7 (Core)"
ANSI_COLOR="0;31"
CPE_NAME="cpe:/o:centos:centos:7"
HOME_URL="https://www.centos.org/"
BUG_REPORT_URL="https://bugs.centos.org/"

CENTOS_MANTISBT_PROJECT="CentOS-7"
CENTOS_MANTISBT_PROJECT_VERSION="7"
REDHAT_SUPPORT_PRODUCT="centos"
REDHAT_SUPPORT_PRODUCT_VERSION="7"

3.2 检查系统内核版本

检查系统内核版本，当前内核版本为3.10.0-957.el7.x86_64。

代码语言：bash
复制
[root@jeven ~]# uname -r
3.10.0-957.el7.x86_64

3.3 检查端口占用情况

检查默认的80端口，确保80端口没有其它服务占用。

  • 例：检查80端口
代码语言：bash
复制
[root@jeven ~]# ss -tunlp |grep 80
udp    UNCONN     0      0      fe80::8a83:7297:7cb8:9934%ens33:546                  :::*                   users:(("dhclient",pid=119624,fd=5))
tcp    LISTEN     0      128    127.0.0.1:3880                  *:*                   users:(("fastgithub",pid=8948,fd=131))
tcp    LISTEN     0      128       *:6000                  *:*                   users:(("X",pid=10807,fd=6))
tcp    LISTEN     0      128     ::1:3880                 :::*                   users:(("fastgithub",pid=8948,fd=132))
tcp    LISTEN     0      128      :::6000                 :::*                   users:(("X",pid=10807,fd=5))

四、安装httpd软件

4.1 httpd服务介绍

httpd是一个开源的，跨平台的Web服务器软件，全称是HyperText Transfer Protocol Daemon。它是Apache软件基金会的旗舰产品之一，提供了一个稳定、可靠和高效的Web服务器环境，被广泛用于建设和管理各种类型的Web应用。

4.2 检查本地yum仓库

  • 配置阿里云的yum仓库镜像源
代码语言：bash
复制
curl -o /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-7.repo
代码语言：bash
复制
sed -i -e '/mirrors.cloud.aliyuncs.com/d' -e '/mirrors.aliyuncs.com/d' /etc/yum.repos.d/CentOS-Base.repo
  • 检查yum仓库状态
代码语言：bash
复制
[root@jeven tmp]# yum repolist all |grep enable
!base/7/x86_64                               CentOS-7 - Base - m enabled: 10,072
!extras/7/x86_64                             CentOS-7 - Extras - enabled:    518
!mysql-connectors-community/x86_64           MySQL Connectors Co enabled:    227
!mysql-tools-community/x86_64                MySQL Tools Communi enabled:    100
!mysql80-community/x86_64                    MySQL 8.0 Community enabled:    425
!updates/7/x86_64                            CentOS-7 - Updates  enabled:  5,061

4.3 安装httpd

使用yum直接安装httpd服务

代码语言：bash
复制
yum install httpd -y
在这里插入图片描述
在这里插入图片描述

4.4 设置防火墙和selinux

关闭防火墙或放行相关监听端口，如果想要开启防火墙，需放行80端口。

代码语言：bash
复制
systemctl disable firewalld && systemctl stop  firewalld

执行以下命令，关闭selinux。

代码语言：bash
复制
setenforce 0
sed -i 's/SELINUX=enforcing/SELINUX=disabled/' /etc/selinux/config

4.5 启动httpd服务

  • 启动httpd服务
代码语言：bash
复制
 systemctl enable --now httpd
  • 重启httpd服务
代码语言：bash
复制
systemctl restart httpd
  • 查看httpd服务状态
代码语言：bash
复制
[root@jeven ~]# systemctl status httpd
● httpd.service - The Apache HTTP Server
   Loaded: loaded (/usr/lib/systemd/system/httpd.service; disabled; vendor preset: disabled)
   Active: active (running) since Wed 2024-01-17 00:22:27 CST; 1h 30min ago
     Docs: man:httpd(8)
           man:apachectl(8)
 Main PID: 27312 (httpd)
   Status: "Total requests: 31; Current requests/sec: 0; Current traffic:   0 B/sec"
    Tasks: 11
   Memory: 4.5M
   CGroup: /system.slice/httpd.service
           ├─27312 /usr/sbin/httpd -DFOREGROUND
           ├─27313 /usr/sbin/httpd -DFOREGROUND
           ├─27314 /usr/sbin/httpd -DFOREGROUND
           ├─27316 /usr/sbin/httpd -DFOREGROUND
           ├─27317 /usr/sbin/httpd -DFOREGROUND
           ├─27524 /usr/sbin/httpd -DFOREGROUND
           ├─27527 /usr/sbin/httpd -DFOREGROUND
           ├─27528 /usr/sbin/httpd -DFOREGROUND
           ├─27529 /usr/sbin/httpd -DFOREGROUND
           ├─27530 /usr/sbin/httpd -DFOREGROUND
           └─27540 /usr/sbin/httpd -DFOREGROUND

Jan 17 00:22:26 jeven systemd[1]: Starting The Apache HTTP Server...
Jan 17 00:22:27 jeven systemd[1]: Started The Apache HTTP Server.

五、下载ToDoList软件包

5.1 下载ToDoList

进入网站目录/var/www/html/

代码语言：bash
复制
[root@jeven ~]# cd /var/www/html/
[root@jeven html]#

下载ToDoList源码

代码语言：bash
复制
 git clone https://github.com/tusharnankani/ToDoList.git

查看ToDoList源码目录内容

代码语言：bash
复制
[root@jeven html]# ls ToDoList
assets  CODE_OF_CONDUCT.md  CONTRIBUTING.md  CONTRIBUTORS.md  CSS  index.html  JS  LICENSE  README.md

5.2 重启httpd服务

重启httpd服务

代码语言：bash
复制
systemctl restart httpd

5.3 查看httpd服务状态

查看httpd服务状态

代码语言：bash
复制
[root@jeven html]# systemctl status httpd
● httpd.service - The Apache HTTP Server
   Loaded: loaded (/usr/lib/systemd/system/httpd.service; disabled; vendor preset: disabled)
   Active: active (running) since Wed 2024-01-17 02:07:31 CST; 36s ago
     Docs: man:httpd(8)
           man:apachectl(8)
  Process: 28945 ExecStop=/bin/kill -WINCH ${MAINPID} (code=exited, status=0/SUCCESS)
 Main PID: 28954 (httpd)
   Status: "Total requests: 0; Current requests/sec: 0; Current traffic:   0 B/sec"
    Tasks: 6
   Memory: 2.9M
   CGroup: /system.slice/httpd.service
           ├─28954 /usr/sbin/httpd -DFOREGROUND
           ├─28955 /usr/sbin/httpd -DFOREGROUND
           ├─28956 /usr/sbin/httpd -DFOREGROUND
           ├─28957 /usr/sbin/httpd -DFOREGROUND
           ├─28958 /usr/sbin/httpd -DFOREGROUND
           └─28959 /usr/sbin/httpd -DFOREGROUND

Jan 17 02:07:31 jeven systemd[1]: Starting The Apache HTTP Server...
Jan 17 02:07:31 jeven systemd[1]: Started The Apache HTTP Server.

六、访问ToDoList服务

6.1 访问ToDoList首页

访问地址：http://192.168.3.166/ToDoList，将IP地址替换为自己服务器的IP地址。如果无法访问到ToDoList首页，检查下本地防火墙和selinux是否配置，云服务器则需要配置安全组。

在这里插入图片描述
在这里插入图片描述

6.2 新建任务

填写任务名称，确定即可，可以对任务进行勾选完成和删除操作。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

七、总结

ToDoList是一款简单的任务管理工具，部署非常简单，只需一个web服务器即可在本地快速访问。其界面简洁，操作简单，页面点击反应也十分迅速，使用体验非常好。我们可以将它部署在个人本地服务器上，作为工具库中的一员，以充实自己的工具库。ToDoList适用于日常任务记录和简单的笔记，是一个非常不错的小工具！

我正在参与2024腾讯技术创作特训营第五期有奖征文，快来和我瓜分大奖！

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

linux
2024腾讯·技术创作特训营 第五期

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

linux
2024腾讯·技术创作特训营 第五期
评论
登录后参与评论
0 条评论
热度
最新
登录 后参与评论
推荐阅读
LV.
文章
0
获赞
0
目录
  • 一、ToDoList介绍
    • 1.1 ToDoList简介
      • 1.2 ToDoList特点
        • 1.3 ToDoList使用场景
        • 二、本地环境介绍
          • 2.1 本地环境规划
            • 2.2 本次实践介绍
            • 三、检查本地环境
              • 3.1 检查本地操作系统版本
                • 3.2 检查系统内核版本
                  • 3.3 检查端口占用情况
                  • 四、安装httpd软件
                    • 4.1 httpd服务介绍
                      • 4.2 检查本地yum仓库
                        • 4.3 安装httpd
                          • 4.4 设置防火墙和selinux
                            • 4.5 启动httpd服务
                            • 五、下载ToDoList软件包
                              • 5.1 下载ToDoList
                                • 5.2 重启httpd服务
                                  • 5.3 查看httpd服务状态
                                  • 六、访问ToDoList服务
                                    • 6.1 访问ToDoList首页
                                      • 6.2 新建任务
                                      • 七、总结
                                      相关产品与服务
                                      云数据库 MySQL
                                      腾讯云数据库 MySQL（TencentDB for MySQL）为用户提供安全可靠，性能卓越、易于维护的企业级云数据库服务。其具备6大企业级特性，包括企业级定制内核、企业级高可用、企业级高可靠、企业级安全、企业级扩展以及企业级智能运维。通过使用腾讯云数据库 MySQL，可实现分钟级别的数据库部署、弹性扩展以及全自动化的运维管理，不仅经济实惠，而且稳定可靠，易于运维。
                                      免费体验产品介绍产品文档
                                      云数据库采购特惠，高性能、高可靠、高安全，超值优惠等你享！
                                      领券

                                      腾讯云开发者

                                      扫码关注腾讯云开发者

                                      扫码关注腾讯云开发者

                                      领取腾讯云代金券

                                      热门产品

                                      热门推荐

                                      更多推荐

                                      Copyright ? 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有?

                                      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059?深公网安备号 44030502008569

                                      腾讯云计算（北京）有限责任公司 京ICP证150476号 | ?京ICP备11018762号 | 京公网安备号11010802020287

                                      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档

                                      Copyright ? 2013 - 2024 Tencent Cloud.

                                      All Rights Reserved. 腾讯云 版权所有

                                      登录 后参与评论
                                      http://www.vxiaotou.com