index.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>{{.title}}</title>
  7. <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
  8. <link rel="stylesheet" href="/static/css/style.css">
  9. </head>
  10. <body>
  11. <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  12. <div class="container">
  13. <a class="navbar-brand" href="/">Go Web Training</a>
  14. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
  15. <span class="navbar-toggler-icon"></span>
  16. </button>
  17. <div class="collapse navbar-collapse" id="navbarNav">
  18. <ul class="navbar-nav me-auto">
  19. <li class="nav-item">
  20. <a class="nav-link active" href="/">首页</a>
  21. </li>
  22. <li class="nav-item">
  23. <a class="nav-link" href="/products">商品</a>
  24. </li>
  25. <li class="nav-item">
  26. <a class="nav-link" href="/cart">购物车</a>
  27. </li>
  28. <li class="nav-item">
  29. <a class="nav-link" href="/orders">订单</a>
  30. </li>
  31. </ul>
  32. <ul class="navbar-nav">
  33. <li class="nav-item">
  34. <a class="nav-link" href="/login">登录</a>
  35. </li>
  36. <li class="nav-item">
  37. <a class="nav-link" href="/register">注册</a>
  38. </li>
  39. </ul>
  40. </div>
  41. </div>
  42. </nav>
  43. <main class="container mt-4">
  44. <div class="row">
  45. <div class="col-md-12">
  46. <div class="jumbotron bg-light p-5 rounded">
  47. <h1 class="display-4">欢迎来到Go Web训练项目</h1>
  48. <p class="lead">这是一个基于Go语言的Web开发训练项目,包含用户管理、商品管理、购物车和订单系统等功能。</p>
  49. <hr class="my-4">
  50. <p>点击下方按钮开始探索项目功能。</p>
  51. <a class="btn btn-primary btn-lg" href="/products" role="button">浏览商品</a>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="row mt-5">
  56. <div class="col-md-4">
  57. <div class="card">
  58. <div class="card-body">
  59. <h5 class="card-title">用户管理</h5>
  60. <p class="card-text">完整的用户注册、登录、个人信息管理功能,支持JWT认证和权限控制。</p>
  61. <a href="/register" class="btn btn-outline-primary">立即注册</a>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="col-md-4">
  66. <div class="card">
  67. <div class="card-body">
  68. <h5 class="card-title">商品管理</h5>
  69. <p class="card-text">商品展示、分类管理、搜索功能,支持图片上传和库存管理。</p>
  70. <a href="/products" class="btn btn-outline-primary">查看商品</a>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="col-md-4">
  75. <div class="card">
  76. <div class="card-body">
  77. <h5 class="card-title">订单系统</h5>
  78. <p class="card-text">完整的购物车和订单流程,支持多种支付方式和订单状态跟踪。</p>
  79. <a href="/cart" class="btn btn-outline-primary">购物车</a>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="row mt-5">
  85. <div class="col-md-12">
  86. <h2>技术特性</h2>
  87. <div class="row">
  88. <div class="col-md-6">
  89. <h4>后端技术</h4>
  90. <ul>
  91. <li>Go语言 + Gin框架</li>
  92. <li>MySQL数据库 + GORM ORM</li>
  93. <li>Redis缓存</li>
  94. <li>JWT认证</li>
  95. <li>RESTful API设计</li>
  96. <li>WebSocket实时通信</li>
  97. </ul>
  98. </div>
  99. <div class="col-md-6">
  100. <h4>开发特性</h4>
  101. <ul>
  102. <li>前后端分离架构</li>
  103. <li>Docker容器化部署</li>
  104. <li>统一错误处理</li>
  105. <li>请求限流和安全防护</li>
  106. <li>完整的测试覆盖</li>
  107. <li>API文档自动生成</li>
  108. </ul>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </main>
  114. <footer class="bg-dark text-light mt-5 py-4">
  115. <div class="container">
  116. <div class="row">
  117. <div class="col-md-6">
  118. <h5>Go Web Training</h5>
  119. <p>一个全面的Go语言Web开发学习项目</p>
  120. </div>
  121. <div class="col-md-6 text-end">
  122. <p>&copy; 2023 Go Web Training. All rights reserved.</p>
  123. </div>
  124. </div>
  125. </div>
  126. </footer>
  127. <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
  128. <script src="/static/js/main.js"></script>
  129. </body>
  130. </html>