Ornamental Nursery Project

观赏苗圃项目

欢迎来到观赏苗圃项目，这是一家位于智利的观赏植物苗圃在线商店。这个项目是我第一次正式涉足网络开发，为当地的苗圃企业提供一个动态的、用户友好的网站。

项目概况

该项目展示了智利的一个观赏植物苗圃，提供了一个在线平台，客户可以在其中探索和购买各种观赏植物。该网站是使用 PHP 作为后端、Vanilla JavaScript 用于交互、SCSS 用于样式以及 Gulp 用于任务自动化而构建的。该架构遵循模型-视图-控制器 (MVC) 模式，以确保干净且有组织的代码库。

特征

• 用户身份验证：客户的安全登录和注册。
• 产品目录：浏览各种观赏植物，并附有详细说明和图像。
• 购物车：将植物添加到购物车并在结帐前管理购物车。
• 订单管理：客户可以查看其订单历史记录并跟踪当前订单。
• 响应式设计：针对桌面和移动设备进行了优化，以提供无缝的用户体验。

使用的技术

• 后端： PHP
• 前端：普通 JavaScript
• 样式： SCSS
• 任务运行器： Gulp
• 架构：模型-视图-控制器 (MVC)

项目结构

• controllers/ - 包含管理应用程序逻辑的控制器。
• models/ - 包含表示数据和业务逻辑的模型。
• views/ - 包含负责显示用户界面的视图。
• public/ - 包含可公开访问的文件，例如 CSS、JavaScript 和图像。
• src/scss/ - SCSS 样式的源文件。
• gulpfile.js - Gulp 任务的配置。

安装

要在本地设置项目，请按照下列步骤操作：

1. 克隆存储库：

   git clone https://github.com/yourusername/ornamental-nursery-project.git

2. 导航到项目目录：

    cd ornamental-nursery-project

3. 安装依赖项：

   npm install

4. 编译 SCSS 并观察变化：

   gulp

5. 设置数据库：

   • 创建 MySQL 数据库并导入提供的 SQL 文件。
   • 在config.php文件中配置数据库连接。

6. 启动开发服务器：

   • 使用本地开发服务器（例如，XAMPP、WAMP、MAMP）来提供项目文件。

用法

1. 访问网站：

   • 打开 Web 浏览器并导航至http://localhost/ornamental-nursery-project 。

2. 探索功能：

   • 浏览目录，将商品添加到购物车，然后继续结帐。

3. 管理订单：

   • 登录查看您的订单历史记录并跟踪当前订单。

贡献

欢迎贡献！如果您有改进或新功能的建议，请随时提出问题或提交拉取请求。

执照

该项目已获得 MIT 许可证的许可。有关详细信息，请参阅许可证文件。

致谢

• 特别感谢当地托儿所对该项目的合作。
• 感谢开源社区提供的工具和资源，使这个项目成为可能。智利