标题: 网站管理WEBAPP
演示链接:http://52.28.221.30/account/
描述
在这个项目中,我开发了一个网站管理系统,您可以使用它执行以下操作:
1:注册、登录、找回密码。
2:上传、编辑和删除您网站的图片。
3:编写、编辑和删除您网站的信息,例如:关于我们、我们的服务等。
4:查看并分析您的访客和用户统计数据。 5:登录和查询数据库的API。
语言包括:PHP、MYSQL (PDO)、Javascript、HTML5 和 CSS。
如何使用:
数据库:
您需要运行 PHP 8+ 的 XAMPP,将 mysql 用户名和密码分别更改为 (adminui,#J4dIg0Mn4PiJm0Ck4#),如果您决定使用不同的详细信息,请更改 phpmyadmin 配置文件中的数据库详细信息。
验证码:
在 .env 文件中创建SECRET_KEY变量并将其分配给您的 google recatcha secrect_key,并在 account.settings.js 中的第 8 行将 site_key 替换为您的。
邮件发送:
在 .env 文件中创建SMTP_EMAIL和SMTP_PASS变量并将其分配给您自己的详细信息。
宿主变量:
config.php 中的HOST变量保存机器的根域,将其替换为与您的匹配。
图像文件夹变量:
config.php 中的Img_folder变量保存存储图像的文件夹,将其替换为与您的相匹配。
最大 REG 变量:
config.php 中的MAX_REG变量保存您想要允许的用户(管理员)数量。
访客统计跟踪
添加require_once('includes/tracking.php');在 login.php 或您选择的任何其他页面/文件的顶部,您还可以向 *yourdomain/account/tracking.php 发出请求以记录访问。
文件:
配置.php :
该文件由全局变量和数据库初始化组成。
函数.php :
该文件中包含所有共享功能,它需要config.php的功能。
索引.php :
这是所有页面的主要持有者,它根据分别来自url参数action和subAction的action和subAction的值在页面之间切换,它需要functions.php , includes/actions.php , includes/header的功能.php ,包括/footer.php 。
登录.php :
该文件保存登录验证逻辑,它需要functions.php的功能。
注销.php :
该文件用于会话销毁和用户注销,它需要functions.php的功能。
恢复器-password.php :
该文件用于密码恢复,它需要functions.php的功能。
注册.php :
该文件包含注册身份验证逻辑,它需要functions.php的功能。
跟踪.php :
该文件用于通过IP跟踪和记录访问者的信息,它需要functions.php的功能。
api.handledata.php :
该文件包含所有数据操作逻辑,如上传、编辑和删除数据,它需要functions.php的功能。
js/account.settings.js :
该文件包含 javascript 逻辑和功能,例如 google recaptcha、向后端发送 xml 请求、页面交互、记录用户和访问者统计的百分比差异,并且需要include/footer.php的一些功能。
css/account.style.css :
该文件包含该程序的所有样式。
包括/actions.php :
该文件包含排列和显示页面 html 的函数及其由index.php决定的数据,它需要functions.php的一些功能。
包括/header.php :
该文件包含显示整个网站的标题和头部部分的功能,它需要functions.php和includes/tags.php的一些功能。
包括/tags.php :
该文件包含要添加到整个网站的head部分的所有 html元标记和文件链接,这是为了允许各个页面拥有自己的标题。
包括/footer.php :
该文件包含 html 的所有页脚部分和整个网站的一些 javascript。
图片:
该文件夹包含所有上传的图像。
小贩:
该文件夹包含一些 php 插件,例如 autoload 和 symphony。
Composer.lock 和 composer.json :
这是一个用于安装包和插件的 php 包。
如何使用API
登录
要登录,首先您必须在网页上创建一个帐户,然后以 json 数据形式提供电子邮件和密码,例如 {"email":"[email protected]","password":"testing12345"},发送 post 请求访问http://52.28.221.30/account/api/login.php,您将获得一个令牌(令牌将在 48 小时后过期)。示例响应 const data = {"success":true,"message":"登录成功","access_token":"ac9e4fd897999fa3419bec77718de76c"}。使用Access Token,您可以执行增删改查操作。
原油操作
此访问权限仅适用于登录用户。为此,您必须向 http://52.28.221.30/account/handledata.php 发送Post请求
标头:要使此操作成功,您必须设置一个带有访问令牌作为授权的标头,例如 const HEADERS = {"Content-Type": "application/json","Authorization": "Bearer a3f714e812578a46d97f703ed2a99b59" }。
请求体:主要有两种操作,图片和文本,根据操作需要提供json数据。
图片:
图像数据:const data = {“data”:[{“old_name”:“example.extension”,“image_name”:“example.extension”,“image_blob”:“包含图像base64数据”,“xtension”:to如果操作=上传则指定}],"origin": "api_req", "type": "image", "category": "galleries", "sub_category": "待指定(站点图片、纹身、绘画)", "操作": "待指定(编辑、删除、上传)","state": "已更改"}
文本:
文本数据: const data = {"data": 待指定,"origin": "api_req","type": "textual","category":"about/services","sub_category": "待指定" ,"操作": "待指定","状态": "已更改"}
获取数据:要获取数据,请发送Get请求到 http://52.28.221.30/account/api/readdata.php ,指定action 、 sub action 、 page和limit 。
例如请求:http://52.28.221.30/account/api/readdata.php?action=galleries&sub=site-images&page=0&limit=4,
例如响应:{'success':True,'page':'0','limit':'4','total_data_count':12,'data_count':4,'data':[{'img_url':'http ://127.0.0.1/backend/account/images/site-images/favicon-sm.ico'}, {'img_url': 'http://127.0.0.1/backend/account/images/site-images/favicon-lg.ico'}, {'img_url': 'http://127.0.0.1/backend/account/图片/site-images/23891556799905703.png'}, {'img_url': 'http://127.0.0.1/backend/account/images/site-images/youtube-circle-black.png'}]}