Skip to content
clodra.com frontend source code
Vue CSS JavaScript Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
api
assets
components
conf
layouts
middleware
pages
plugins
server
static
store
styles
test
utils
.babelrc
.editorconfig
.gitignore
CHANGELOG.md
LICENSE
README.md
jenkins.sh
jest.config.js
nuxt.config.js
package.json
proxy.sh
yarn.lock

README.md

clodra 社区前端


现在你可以BUILD一个和 clodra.com 一样的网站,并且我们会不断完善和升级代码。

CLODRA开源社区的前端。使用NUXTJS和Vuetify构建,如果你不喜欢我,你可以自己构建前端,因为CLODRA社区是前后端分离的。 我们目前更新频率很高,请等待release发布后在使用,此外,release发布时会同时发布服务端

二次开发注意

请不要修改工程下的任何代码,请参阅拓展视图等方法来进行开发。否则将导致你无法保持到最新版! 我们建议你进行视图拓展或者覆盖。而不要修改这个项目的代码。这样确保你可以随意的拓展或者增加页面并且不影响现有网站的升级和运行。 请备份好 /conf/.js 下的文件 请不要直接修改nuxt.conf.js的文件,重要的信息,已经帮你转移到 /conf/.js下 避免升级时被覆盖,你可以修改conf/*.js的对应文件 我们将提供完美的可拓展开发,这样一来你可以快速的看到你的网站发生的变化,并且还可以随意升级到与现有仓库一致的版本,但在这之前我们的构架可能发生巨大变化来适应这种做法。因为我们需要单独做一个package管理模式,这样任何人都可以快速引入你编写的前端Modules。

Release

暂无Release版本

后端说明

Clodra.com社区后端基于Gin Go Framework构建,我们正在整理相关代码并将其开源。 获取相关代码请关注我们的仓库,并且我们会提供各位快速安装的方案。 后端代码中,将包含管理中心的相关代码。

其他仓库

Virs的Github

请我喝咖啡

喜欢Clodra社区的源代码,并希望不断得到更新的支持。请我喝杯咖啡吧!

### 构建步骤 如需修改默认端口,在package.json中可以找到相关配置
# 安装依赖
$ yarn install

# 开发环境搭建 localhost:3333
$ yarn run dev

# 为生产环境构建
$ yarn run build
$ yarn start

你可以看看我们CLODRA社区,这就是我 Demo.

开发搭建

搭建开发环境,你还需要安装NGINX,这样才能和后端接口进行联调。获取后端Server请关注我们的仓库

NGINX配置示例

upstream clodraWeb{
    server localhost:3333 max_fails=3 fail_timeout=3s;
}

server {
        listen       80;
        server_name  www.clodradev.com clodradev.com;
        include       mime.types;
        
        index  index.html index.htm;

        location / {
            proxy_http_version 1.1;
            proxy_set_header Host www.clodradev.com;
            proxy_set_header Connection "keep-alive";
            proxy_set_header X-Real-IP $remote_addr;
            proxy_pass http://clodraWeb;    
        }
}

搭建开发环境之前

默认情况下,NuxtJS的前端视占用3333端口,你可以根据Nuxtjs官方文档做出修改。 在此之前,你需要看看 /server下的代码,并根据你的需要做出修改,里面包含了sitemap.xml的生成,以及登录授权,登出的回调处理。

安装说明

  • Redis Session缓存基于Redis存储。如果你需要,可以修改Server/routers.js 中的代码,更改为files 或者 memcached 等。但这需要你自己修改。

  • 你必需设置conf目录下的conf文件,这里包含生产环境作用域名。开发环境作用域名,等。

  • 确保在启动后端时CORS设置有效,否则将无法正常跨域处理。此外后端中已经启动了CORS,如果没有生效请检查你的NGINX配置情况。

  • 修改Nuxt.config.js相关配置项目,如title这将决定你网站的主标题

  • package.json 中的 description, 这将影响你网站的SEO

  • 修改你的LOGO文件,在static目录下替换LOGO文件,并且你还需要根据自己LOGO大小的情况,修改Components/Logo.vue 中的样式文件来调整大小

  • 底部连接组件,你需要修改 components/GolbalFooter文件

修改默认页面代码

修改 pages/index.vue的代码,他将默认显示你的页面

<script>
import Forum from './forum';

export default {
    ...Forum
}
</script>

重要的依赖

你的NodeJS版本必需 >=8.0 否则将无法正常使用 你可使用nvm进行管理(node version manager)

vue.js nuxt.js vuetify.js

反馈问题

当你遇到问题,欢迎到社区反馈 立即反馈

分支说明

  • feature 新的功能
  • hotfix Bug修复

TODOLIST

available ⌨️Developing ☑️ todo

  • 用户登录
  • 用户信息展示组件
  • 用户头像
  • 头像上传
  • 视频上传
  • 文章详情阅读
  • 文章发布
  • 文章删除
  • ☑️ 文章编辑 [分支(仅状态⌨️时存在) feature-edit-posts]
  • 用户发布记录
  • 分类下最新分页
  • 评论添加
  • 评论删除
  • 点赞
  • 取消点赞
  • 编辑器
  • 媒体中心主页
  • 媒体中心我的帖子管理
  • 用户主页(频道)设置
  • 用户主页(频道信息展示)
  • 用户认证头像(v)显示
  • 论坛话题分类显示
  • 文章查阅中自适应播放器
  • 全局底部组件
  • 视频播放器
  • 登录提示组件
  • 产品组件
  • 用户评分显示
  • ☑️ 发布帖子获得积分 [分支(仅状态⌨️时存在) feature-credits-for-posts]
  • 用户信息组件(账号评分等信息显示)
  • ☑️ 点赞积分获取 [分支(仅状态⌨️时存在) feature-credits-for-thumbing]
  • ☑️ 社区主页(集成CMS相关功能)
  • ☑️ 付费查看文章等
  • ☑️ 打赏
  • ☑️ 频道订阅 [分支(仅状态⌨️时存在) feature-subscribe]
  • ☑️ 视频编辑器(待定)
  • ☑️ 问答和邀请
  • ☑️ 精华贴
  • 底部滑动到顶部组件优化
  • ☑️ 占楼
  • ☑️ 用户评分介绍页
  • ☑️ @某用户 [分支 feature-notify-user]
  • ☑️ 拉黑某用户
  • ☑️ 分享
  • ☑️ 邮箱激活
  • ☑️ 实名认证
  • ☑️ 版主
  • ☑️ 板块简介
  • ☑️ 板块发布数
  • ☑️ 板块权限
  • ☑️ 黑名单用户公示
  • ☑️ 第三方账号登录
  • ☑️ 黑洞
  • ☑️ 管理中心 APP
  • ☑️ 社区IOS APP
  • ☑️ 社区ANDROID APP
You can’t perform that action at this time.